#javascript

16
97

Ejejejejej. Pochwalcie się co ciekawego ostatnio znaleźliście na temat #programowanie - jakąś bibliotekę?


Może jakiś fajny AI model co można uruchomić lokalnie?


Może jakiś zajeb%@#% serwis?


Albo coś fajnego self hosted?


Mam wolny wieczór, chętnie o czymś ciekawym poczytam.


#sztucznainteligencja #js #javascript #react #aws #google #python #php #golang #rust #react

Zaloguj się aby komentować

Zaloguj się aby komentować

nieinteresujsie

@binarna_mlockarnia z tym formatowanie to się nie popisali

Zaloguj się aby komentować

Jayes

React jest w zasadzie tylko biblioteką do renderowania elementów i JavaScript jest w nim kluczowym językiem programowania. W wielu firmach używa się już TypeScriptu, ale myślę, że warto skupić się teraz na czystym JS, żebyś później docenił TS i nie błaźnił się na przyszłych interview.


Co do sensu używania JS to chodzi tu przede wszystkim o automatyzację. Jak wyobrażasz sobie stworzenie takiego portalu jak chociażby Hejto tylko w HTML i CSS? Użytkownicy będą pisać do ciebie maila z komentarzami, a ty będziesz to skrzętnie osądzał pod każdym postem? No chyba nie bardzo. JavaScript obsługuje interakcje z użytkownikiem i komunikuje się z serwerem na którym przechowywanie są wszystkie dane. Te dane później są pobierane przez front-end i renderowane (np. z pomocą Reacta) w przeglądarce. React pozwala na upakowanie treści/logiki w niezależne komponenty np. komentarz pod wpisem. Dużo by się rozwodzić.


Do JavaScriptu polecam stronę MDN (angielski zalecany):

https://developer.mozilla.org/en-US/docs/Learn


Do Reacta oficjalna dokumentacja daje radę na start:

https://reactjs.org/tutorial/tutorial.html

blablator

@Jayes spoko tylko srednio zrozumiales o co pytam, bo te zdanie o hejto w html/css jest zdeczka smieszne a ja wprost pytalem np o to jak pozycjonujesz pozniej te elementy/komponenty stworzone w reakcie na stronie - jakims csssem linkowanym do danego htmla (?) itd. z tego co rzucilem okiem na podstawy reacta to przy bardziej statycznych stronach typowo firmowych (bez bazy userow) w zasadzie niekoniecznie jest sens tego uzywac.


anyway rozumiem ze pracujesz jako frontendowiec - nie wydaje ci sie obecnie ten tech rozjebany jeszcze bardziej niz zwykle? pure html/css, do niego x frameworkow, ale jednoczesnie w calosci mozna pisac wszystko w reakcie do ktorego jest jeszcze x bzdur, oprocz reacta vue/angular i inne pierdoly

fewtoast

@blablator Jeszcze jest Svelte i SvelteKit. Polecam sprawdzić, bo to najbliższe czystego html + css + js.

Dodatek od Svelte to pewna reaktywność, binding, store i składnia list generowanych z tablicy. Tak z grubsza. Reszta to czysty html+css+js.


A React i ten jego virtual dom, i cuda typu CSS-in-JS, to nieco przekombinowane. No ale popularne...

Zaloguj się aby komentować

Podstawowe logowanie błędów do małej aplikacji w #javascript nie za miliony monet? Ma wyświetlić ładną stronę błędu po stronie serwera lub klienta, wysłać mi error ze stack trace, idealnie prawdziwym. Słucham propozycji.


Miałem sentry, ale do małego projektu to overkill, a w wersji darmowej resursów wystarczyło na tydzień.


Stack: #react #prisma #node #nextjs #pm2, trochę #testowanieoprogramowania

Magiczny_Magik

Firebase Crashlytics możesz sobie sprawdzić. Sentry to klasyczek, ale po przekroczeniu limitu to monety uciekają z portfela.

Zaloguj się aby komentować

KordianIDE

@ujdzie bawię się tą betą od kilku miesięcy. Jak dla mnie to ma to te same funkcje jak wtyczka testów to wersji ultimate

ujdzie

wtyczka testów to wersji ultimate


@KordianIDE ultimate = Intellij Ultimate?

Zaloguj się aby komentować

ZasilaczKomputerowy

@MialaMatkaXyna Próbowałem, ale zamula mocno. Bardzo dużo jest zmian w DOM i nawet z filtrowaniem całe hejto się zamula.

SluchamPsaJakGra

@ZasilaczKomputerowy oznaczaj NSFW

ZasilaczKomputerowy

@SluchamPsaJakGra w staniku to jest jeszcze sfw

Zaloguj się aby komentować

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.


#javascript #html #react


Jeszcze na łykopie przed ostatnią aktualizacją napisałem sobie prosty userscript do czarnolistowania. Działał na tej zasadzie że po załadowaniu strony brał predefiniowaną tablicę na przyklad tagów


var tagi=['przegryw','kononowicz'];


function schowaj_taga(item,index) {


let tag=$('div.d⁎⁎a p a[href="łykop/' + item +'"]' );


tag.remove() }


oczywiście upraszczam, ale efekt tego był taki że usuwane były całe gałęzie drzewa DOM no i było fajnie, dobry przekaz leciał.


W przypadku hejto jak próbuję zrobić to samo z elementem article to jest spoko póki nie dotknę paginacji. Frontent nie "reloaduje" dokumentu tylko usuwa kontekt zmiędzy obecnych <article> i wstawia nowy. Jeśli FE oczekuje 20 elementów article a ja zdążę usunąć 4 z nich to kolejny request o uzupełnienie treści wywali błąd 500.


Zastanawiam sie jak do tego podejść.

kocurio

Zawsze możesz zrobić na pałę i ustawić sobie, żeby skrypt się odpalał np. co sekundę, przy pomocy setInterval - nie jest to za bardzo po bożemu, ale powinno działać A to na tyle drobny skrypt, że nie powinno to jakoś wpłynąć na prędkość działania strony.

mike-litoris

@kocurio wiem wiem, ale nie cierpię takiej guwnorzeźby. to jeden z moich OCD -jak coś robię to ma to być zrobione dobrze, bo parafrazując mema już wpiszę do eksela i tak zostawię.

kocurio

Zobacz może tutaj: https://stackoverflow.com/questions/629671/how-can-i-intercept-xmlhttprequests-from-a-greasemonkey-script - po bożemu pewnie byłoby podpiąć się na requesty, które pobierają nowe posty i jak zwrócą odpowiedź (więc też załadują się na stronie) to wtedy odpalać skrypt. Ale nadal zrobiłbym setInterval, bo jest łatwiej i działa, a jak coś prostego działa to po co się przemęczać

Zaloguj się aby komentować

Skrypt do wołania wszystkich pulsujących dany wpis:


Wszystko dzięki użytkownikowi @vor7 - ja go tylko poprawiłem by działał gdy w URL pojawi się ? oraz by działał z zakładek i kopiował się automatycznie do schowka.


Instrukcja na chrome:


1. Kopiujecie kod: https://pastebin.com/xKRyAvnD


2. Wybieracie "Dodaj zakładkę"


3. Piszecie nazwę jaką chcecie


4. Wklejacie tutaj gdzie pokazuje w załączonym obrazku.


5. Teraz w dowolnym wpisie klikacie zakładkę i pyk pojawia się alert z listą użytkowników, ta sama lista pojawi się też w zakładce Console po wciśnięciu F12 oraz BĘDZIE AUTOMATYCZNIE SKOPIOWANA DO WASZEGO SCHOWKA!


6. Ctrl + V i wołacie ludzi.


7. ???


8. PROFIT!


Wołam dla testu plusujących poprzedni wpis: https://www.hejto.pl/wpis/zanim-ktos-zrobi-bardziej-porzadne-narzedzie-napisalem-prosty-skrypt-ktory-wyplu


@i_am_not_a_robot @MrStealYourGirl @Satch @janlaguna @0nc0l @Sakta @Fajrantboy @Chilled_Marrow @muarz7 @Odpad_selektywny @acetone @Zielczan @Rastablasta @sorek @evilonep @PanGargamel @_hdvn @LM7812 @ioskarpl 


#programowanie #javascript #hejto #programowanie

ee46e479-4abf-4031-88c0-653d6ab88777
javny

Ooo moje ulubione narzędzie do uruchamiania skryptów

SluchamPsaJakGra

@sorek elegancko, zrobię takie coś w Hejtterze

sorek

@Miedzyzdroje2005 póki wszyscy będą tagować polityka a admini pilnować tagowania polityka (a nie jak na wykopie że tylko prawicy się je dodaje na siłę) to wszystko będzie ok.


Aczkolwiek sam nie planuje tego do tego wykorzystywać, hejto to nie miejsce do tego.

Zaloguj się aby komentować

Voltage

@ujdzie zapomniałeś o //@ts-nocheck ( ͡° ͜ʖ ͡°)

Zaloguj się aby komentować

Nimaskalisto

@beerman też pisałem w Reactcie i w Vue - i muszę przyznać że Vue 2.x było dosyć nieprzyjemne, ale z wprowadzeniem composition API (w sumie trochę zrzynka z reacts) nawet daje rade

def

@beerman osobiście preferuję vue jako dev, i hejto jako user ( ͡° ͜ʖ ͡°)

beerman

@Nimaskalisto @def kiedyś muszę zajrzeć do Vue 3, ale sami wiecie jak to jest, chętniej się tam zagląda, gdzie masz więcej expa, bo za to w końcu płacą

Zaloguj się aby komentować

ktos tu niedawno postowal ze uzywanie na mobilku przysparza o gotowanie sie wody w kolanie.


Potwierdzam, przegladarka bezchromowa, zmiana trybu z gorace na najnowsze trwa dobre 5 sekund. Reakcja na input typu piorun rowniez ma wyczuwalnego laga.


Osobiscie na ile znam jsowe frameworki to problematyczny (ciezki po prostu) jest React, na desktopie i facebook chodzi jakby kopal krypto przy ruchu myszka :d

Quake

@mike-litoris siedzisz na nokii N95?

Zaloguj się aby komentować

Zaloguj się aby komentować

Hej, dawno nic nie pisałem, ale przychodzę napisać coś, bo jak co roku, od 8 lat (ale na innym serwisie) udostępniam edytor do edytowania avatarów, żeby były świąteczne! :))


Wystarczy wpisać swój nick z Hejto albo wgrać zdjęcie!


https://edytor.devrj45.pl/


Mam nadzieję, że nie będzie błędów, bo skończyłem pisać go 20 minut temu XD


Zapraszam do korzystania :)))

7f010fc2-bd56-4326-85c3-5666650d3da3
Krogulec

Pamietam jak z 10 lat temu z innego konta sam ręcznie robiłem czapeczki na życzenie dwa czy trzy lata z rzędu xD później stwierdziłem że ograniczam interakcje na portalu do minimum. Wiec prawdopodobnie przejąłeś po mnie ten zaszczyt czapeczkowania xDDDD

RJ45

@Krogulec no właśnie 9 lat temu ręcznie dodawałem czapeczki ludziom na pewnym forum, a na kolejny rok wpadłem, że to za dużo roboty, więc zrobię edytor w którym każdy będzie mógł dodać łatwo czapeczkę XD

Zaloguj się aby komentować

Siema webdevowe świry.


Czy istnieje jakiś sposób spowolnienia renderowania strony?


mam takiego pacjenta: https://login.ingbank.pl/mojeing/app/#login


Strona zbudowana jest w taki sposób ze onLoad podpięta jest funkcja która ładuje wszystkie dynamiczne graty, onAjaxComplete też wyzwalają się eventy, m.in jeden który sprawia że formularz do logowania gładko się pojawia (opacity fade-out).


waląc w F5 do odświeżania i F3 do wyszukiwania ```#body-region``` udało mi sie ustalić że efekt ten jest *chyba* osiągany dopisaniem klasy .transition do #body-region. Chciałbym się tego gówna pozbyć Stylusem, natomiast tak szybko się to dzieje że nie jestem pewien czy i co dzieje się w inline'owym stylu (wiecie, atrybut style="cośtam;coś innego".


Korzystam z firefoxa developer edition, niemniej na potrzeby tego przypadku mogę postawić dowolną przeglądarkę i wtyczki.


Mam też greasemonkey gdyby "spowalniacz" musiał być napisany w JS.


Białorycerzy antyhakerów informuję, że robię to na swoje potrzeby (strasznie rozwala mi układ krwionośny kiedy strona z której często korzystam zawiera rozpraszające elementy), dostosowanie udało mi się narazie zrobić picrel, niemnije chciałbym się pozbyt tego fade-ina, najlepiej za pomocą customowego CSSa.

dc24d66b-9d45-4e11-ad25-dbd77b288d9e
mike-litoris

@Argens a, dobra, w Chrome to wygląda inaczej, rzeczywiście można spowolnić sieć ORAZ CPU. Spróbowałem, niestety w momencie "ładowania profilu wydajnosci" zakładka "inspector" jest nieaktywna, a na tych profilach za cholerę się nie mogę połapać co się dzieje w danym momencie dobra poddaję się, zawsze mówiłem że JS jest popierdolony ;d

Argens

@mike-litoris zobaczę to wieczorem, jak już dzieciaki pójdą spać.

Choć przyznam, że rozwiązanie @Puzzle_zwierzakow powinno być lepsze.

Puzzle_zwierzakow

@mike-litoris jak nagrasz sobie test to po puszczeniu go masz trace. I w tym trace sobie klatka po klatce popatrzysz na html

Zaloguj się aby komentować

Możliwość pracy w pełni zdalnie. Szukamy Midów, jak i Seniorów. Wymagania i płaca jest oczywiście dostosowana do poziomu.


Widełki:

  • Senior 16 000 - 26 000 brutto UoP

  • Mid 8 000 - 16 000 brutto UoP


Osoba do nas dołączająca ma przydzielonego tzw. "buddiego", który pomaga się wdrażać, któremu można zadawać pytania, pomaga z zadaniami i kodem.


Co oferujemy?


Po pierwsze MOŻLIWOŚCI ROZWOJU:

Zespół składający się z doświadczonych ludzi, którzy zawsze służą pomocą i dobrą radą, codzienne wyzwania, dostęp do szkoleń, uczestnictwo w konferencjach czy stare dobre CodeReview.


Po drugie TECHNOLOGIE:

Płyniemy z głównym nurtem frontendowym: React, TypeScript, Redux, Styled Components ...


Po trzecie SATYSFAKCJA:

Przekonanie, że to co robię ma sens, daje mi ogromną satysfakcję - dzięki efektom naszej pracy 43 miliony unikalnych użytkowników miesięcznie ma możliwość zorganizować sobie wakacje marzeń.


Więcej opinii ludzi, którzy tu pracują https://www.facebook.com/LMGPoland


Link do ogłoszenia - https://jobs.smartrecruiters.com/lmgroup/743999802187867-senior-frontend-developer-also-available-for-full-remote-

lubieplackijohn

Zatrudniasz też ludzi z Ukrainy?

Zaloguj się aby komentować

lubieplackijohn

@alq Halo halo, @policja? Proszę przyjechać na hejto! JS obrażajo! :

alq

@lubieplackijohn js sam siebie obraża swoim istnieniem xdd

lubieplackijohn

@alq Oj, nieładnie Teraz musisz jakiegoś dobrego mema zapostować o js xD

Zaloguj się aby komentować