GPT-4o naprawdę niezłe jest, nie dość, że jak wysyłam mu swój kod i każe mu zoptymalizować to serio optymalizuje, ale niestety wydłuża kod, ja czytałem z DOM a on używa useState, w sumie to jest chyba optymalniej, nie robiłem banchmarku w sumie, ale ja jestem fanem krótkiego kodu, by zrobić więcej z mniej kodu. GPT-4o wszystko pojedynczo jednak zrobił, tak jakbym ja się uczyłem Reacta, każdy input z onChange, ale przecież można
Wszystko
Najnowsze
Archiwum
@aptitude jestem backendowcem i się nie znam, ale chyba by mnie musiało p-----c, żeby robić 5 osobnych useStatow na każdy input forma. 1 obiekt se zrób.
@aptitude: Napisze Ci, że fajnie, że kombinujesz, ale w komercyjnym kodzie używa się React Hook Form lub Formik xd. Ten custom hook nic Ci nie daje, w formularzach przede wszystkim chodzi o ich walidacje, a gdzie ona jest - nie ma
Hej, frontendowe Mirki i Mireczki!
Razem z kolegami i koleżankami pracujemy nad raportem State of Frontend 2024. Będzie to już trzecia edycja tego raportu, który poprzednio zgromadził ponad 3700 odpowiedzi z 125 krajów świata. Teraz chcemy ten wynik pobić.
Aby to zrobić, potrzebujemy waszej pomocy. Jeśli mieliście do czynienia z frontend webdevelopmentem, to wypełnijcie proszę naszą ankietę. Im więcej osób to zrobi, tym dane będą lepsze, a za parę tygodni opublikujemy na ich
Razem z kolegami i koleżankami pracujemy nad raportem State of Frontend 2024. Będzie to już trzecia edycja tego raportu, który poprzednio zgromadził ponad 3700 odpowiedzi z 125 krajów świata. Teraz chcemy ten wynik pobić.
Aby to zrobić, potrzebujemy waszej pomocy. Jeśli mieliście do czynienia z frontend webdevelopmentem, to wypełnijcie proszę naszą ankietę. Im więcej osób to zrobi, tym dane będą lepsze, a za parę tygodni opublikujemy na ich
źródło: 600x600_02
Pobierz
@elektryk91: ale ostrzegaj, że to ma ze 100 pytań
Ciekawostka:
Pewien użytkownik na Twitterze (X), z identyfikatorem "@sawaratsuki1004", zaczął tworzyć logo znanych technologii i narzędzi w IT w stylistyce logo ze środowiska vtuberów (twórcy na serwisie YouTube, którzy odgrywają postacie używając animowanych awatarów 2D/3D, ale to temat na inny wpis). Logo te są kolorowe, urocze i całkiem zabawne.
https://krylan.ovh/portfolio/pl/blog/b_63,kawaiilogos-technologia-w-uroczym-wydaniu
#technologia #it #typescript #react #vue #laravel #ruby #
Pewien użytkownik na Twitterze (X), z identyfikatorem "@sawaratsuki1004", zaczął tworzyć logo znanych technologii i narzędzi w IT w stylistyce logo ze środowiska vtuberów (twórcy na serwisie YouTube, którzy odgrywają postacie używając animowanych awatarów 2D/3D, ale to temat na inny wpis). Logo te są kolorowe, urocze i całkiem zabawne.
https://krylan.ovh/portfolio/pl/blog/b_63,kawaiilogos-technologia-w-uroczym-wydaniu
#technologia #it #typescript #react #vue #laravel #ruby #
źródło: kawaii-logos
Pobierz
Nie wiem co to ma wspólnego z Vtubowym gównem jak widziałem podobne z 15 lat temu pobierając Visual Novelki z JP.
@AnonimoweLwiatko: to prawda, że też podobną estetykę można spotkać w japońskich grach, mangach, czy właśnie anime. Natomiast autor wspomnianych we wpisie logo pisał, że to właśnie ze środowiska vtuberów zaczerpnął inspirację do tego pomysłu. Możliwe, że ten konkretny styl był jakiegoś grafika, który wykonywał projekty dla vtuberów. Jak wpiszesz w wyszukiwarkę grafiki "vtuber logo" to zobaczysz, że tam mają często coś takiego.
Mam aplikację, która będzie pamiętać stan zapisanej rzeczy i jego historię od początku włączenia, czy redux będzie tu przydatny w takim manipulowaniu stanem?
W sumie mógłbym zrobić jakąś listę w localStorage, ale chce mieć coś do CV. Więc może redux?
#react #javascript #programowanie
W sumie mógłbym zrobić jakąś listę w localStorage, ale chce mieć coś do CV. Więc może redux?
#react #javascript #programowanie
Robisz sobie builda i to co ci wypluje wrzucasz sobie hosta
@K-S-:
npm run build powinien wygenerować statyczne pliki w folderze build które wrzucasz do katalogu z którego serwuje twój http serwer (np. /var/www/), np. tutaj jest to opisane na samym początku: https://create-react-app.dev/docs/deployment/Mam komponent listy; która jako props dostaje listę podpowiedzi, ale jeśli nie to sama pobiera to co będzie sugerować. Sęk w tym, że robi mi to dużo DoSów bo pobieranie jest przy montowaniu; chciałbym żeby były to dane pobrane raz z jakimś timestampem żeby nie mulić serwera; może warto zapisywać do w localStorage?
Szukam jakiegoś wzorca a projektowego do tego; jak tu pobrać raz na jakiś czas dane; zachować elastyczność pod tytułem:
Szukam jakiegoś wzorca a projektowego do tego; jak tu pobrać raz na jakiś czas dane; zachować elastyczność pod tytułem:
może warto zapisywać do w localStorage?
@pyroxar: Nie warto. Użyj React Query. RQ oferuje funkcjonalność, której potrzebujesz. Swego czasu (2015-20) popularne było podejście, gdzie browser pobierał dane, dokonywał transformacji i udostępniał je przez Redux store. React Query mocno usprawnił ten proces i wyeliminował potrzebę ręcznego zapisu danych w przeglądarce.
@pyroxar: Widze tu pare problemow:
1. Przefiltrowana lista nie musi byc stanem, nie musisz w ogole miec tego useEffecta na setowanie przefiltrowanej listy, mozesz to zrobic w ciele funkcji po prostu. Odpada Ci pare rerenderow
2. Wydaje sie niepotrzebnym duplikowanie stanu dla sugestii. Skoro przekazujesz je jako props to powinienes na poziomie tamtego komponentu (rodzica) je fetchowac a lista powinna je jedynie wyswietlac. I tu jest Twoj glowny problem -
1. Przefiltrowana lista nie musi byc stanem, nie musisz w ogole miec tego useEffecta na setowanie przefiltrowanej listy, mozesz to zrobic w ciele funkcji po prostu. Odpada Ci pare rerenderow
2. Wydaje sie niepotrzebnym duplikowanie stanu dla sugestii. Skoro przekazujesz je jako props to powinienes na poziomie tamtego komponentu (rodzica) je fetchowac a lista powinna je jedynie wyswietlac. I tu jest Twoj glowny problem -
Jak obecnie najsprawniej postawić małą aplikację (frontend statyczny typu build z #angular #react #vuejs + backend np. #java albo #nodejs + baza danych) żeby wystawić ją na świat pod własną domeną?
W erze bare-metal wrzucałbym wszystko na jakiś VPS albo mały dedyk, pomęczył się z instalacjami środowisk uruchomieniowych, i spiął to Nginxem, podpiął DNS i bzikał... i oczywiście nie wiedziałbym na czas gdyby
W erze bare-metal wrzucałbym wszystko na jakiś VPS albo mały dedyk, pomęczył się z instalacjami środowisk uruchomieniowych, i spiął to Nginxem, podpiął DNS i bzikał... i oczywiście nie wiedziałbym na czas gdyby
@MatthewDuchovny: nie uczyłbym się tego, bo całe to klepanie stronek to ślepy zaułek
@In_thrust_we_trust @programista15cm nie ma czegos takiego jak lepszy gorszy. Wszystko zalezy od tego czego potrzebuje rynek. Rynek obecnie to internet i mobilki. A tam frontend i bekend zawsze beda potrzebne dopoki ludzie korzystaja z przegladarek i przechowuja informacje w bazach danych
Czy ktoś miał taki problem w #react że jak jest zła kolejność importów, to aplikacja się wysypuje? Jak sobie z tym radziliście? Nie za bardzo jest jak to debugować i nie wiadomo, gdzie konkretnie trzeba coś zmienić. #programowanie
@SendMeAnAngel: Nie, po prostu, czy to najpierw zaimportujesz A a potem B lub B a potem A nie ma żadnego znaczenia. Problem nie jest w reacie czy webpacku tylko w waszym kodzie
#marketing #it #zaklejki #projektjs #react
dodalem nowe naklejki dzis
https://zaklejki.pl/sklep/smieszne
repo: https://github.com/wesiudev/zaklejki
dodalem nowe naklejki dzis
https://zaklejki.pl/sklep/smieszne
repo: https://github.com/wesiudev/zaklejki
źródło: halt-skurwysynu
Pobierz@lufa08: sam to drukujesz i wycinasz czy zlecasz gdzies?
@mirasKo-Kalwario: drukuje sam
Apka #php + #react
Cuda jakieś; Zwykle pierdoły; u mnie działa; wchodzi na serwer testowy; działa tylko kilku osobom; pozostałym nie działa. Kolejny deploy; zaczyna działać każdemu. #webpack mam skopany; czy o co chodzi? Takie cuda tylko w #javascript
#programowanie #programista15k
Cuda jakieś; Zwykle pierdoły; u mnie działa; wchodzi na serwer testowy; działa tylko kilku osobom; pozostałym nie działa. Kolejny deploy; zaczyna działać każdemu. #webpack mam skopany; czy o co chodzi? Takie cuda tylko w #javascript
#programowanie #programista15k
konto usunięte via Wykop
@pyroxar:
Może cache niektórych przeglądarek?
Może cache niektórych przeglądarek?
@lobo: @tos-1_buratino @some_ONE na razie wychodzi na to że brakowało nam clean: true w webpacku ale jak nie to będziemy wersjonować.
Postanowiłem że czas nauczyć się jakiegoś frontu. Aktualnie znam jakieś tam podstawy JavaScript i to tak raczej średnio ( ͡º ͜ʖ͡º) Zawodowo siedzę w php.
Czego warto się uczyć?
#javascript #vue #vuejs #react #reactjs #programowanie
Czego warto się uczyć?
#javascript #vue #vuejs #react #reactjs #programowanie
Co najbardziej się przyda?
- react 34.7% (25)
- vue 19.4% (14)
- czysty javascript 23.6% (17)
- coś innego (napisz w komentarzu) 5.6% (4)
- pierdol programoanie ucz się na admina 16.7% (12)
@tos-1_buratino: To niekoniecznie dobra strategia, co frontendowiec to inna opinia, więc chciałem zobaczyć średnią ( ͡º ͜ʖ͡º)
@cat_in_hat Aż taka tragedia z tym vue? W sumie dziwne, jest promowany przez laravel.
@cat_in_hat Aż taka tragedia z tym vue? W sumie dziwne, jest promowany przez laravel.
@K-S-: Tauri2 + React, polecam się zainteresować.
Jeśli w preact mam włączony SSG, to mogę mieć dynamiczne elementy (ajax, re-renderowanie, listy) czy jest to po prostu typowa strona statyczna do prezentacji danych?
#programowanie #programista15k #webdev #react #javascript
#programowanie #programista15k #webdev #react #javascript
@pyroxar: mozna
#react #javascript #programowanie
Znajdzie się jakiś senior który sprawdzi mi zadanie rekrutacyjne z reacta przed wysłaniem go do oceny? (ʘ‿ʘ)
Znajdzie się jakiś senior który sprawdzi mi zadanie rekrutacyjne z reacta przed wysłaniem go do oceny? (ʘ‿ʘ)
#react Czy mogę ustawiać klucz jako indeks elementu tablicy po której iteruję jeśli jest ona statyczna?
Aplikacja #react jakie dodatki typu CSSinJS i theme polecacie?
To mi się podoba:
https://cssinjs.org/setup?v=v10.10.0
I to też.
https://github.com/cssinjs/theming
Szukam
To mi się podoba:
https://cssinjs.org/setup?v=v10.10.0
I to też.
https://github.com/cssinjs/theming
Szukam
Czemu nie styled component i komponenty w jednym folderze?
@Jednorybek: bo już tak robiłem i mi zbrzydło; chce czegoś nowego.
@_gabriel: jak psów xD
@_gabriel: Przeskakiwałem z anżulara na vue i zajęło mi około tydzień czasu żeby w pełni ogarniać. Te wszystkie biblioteki, koncepcje i wzorce są wtórne. Na froncie w pewnym momencie można już mówić 'jeden pies'. Gdybym miał teraz zmieniać pracę, biorąc pod uwagę małą ilość oferto to brałbym dotnet + cokolwiek jest.
Nie mogę się doczekać React 19!
Koniec z używaniem useMemo, useCallback czy memo! Nowy kompilator Reacta sam zadba aby kod był mega optymalny (nawet bardziej, niż sam byś poprawnie używał memo, bo zawsze coś się przegapi), to jest Recat Forget co ta kobieta nad tym pracowała w Meta.
Widziałem jej konferencję o Forget teraz nazywają to po prostu React Compiler.
Ale najlepsze to jest nowy hook useOptimistic, jestem jego fanem! Bo zawsze moje "Vote" czekały
Koniec z używaniem useMemo, useCallback czy memo! Nowy kompilator Reacta sam zadba aby kod był mega optymalny (nawet bardziej, niż sam byś poprawnie używał memo, bo zawsze coś się przegapi), to jest Recat Forget co ta kobieta nad tym pracowała w Meta.
Widziałem jej konferencję o Forget teraz nazywają to po prostu React Compiler.
Ale najlepsze to jest nowy hook useOptimistic, jestem jego fanem! Bo zawsze moje "Vote" czekały
konto usunięte via Wykop
@aptitude:
ale przecież ten hook właśnie w ten sposób działa
Ale najlepsze to jest nowy hook useOptimistic, jestem jego fanem! Bo zawsze moje "Vote" czekały na odpowiedź serwera, owszem mogłem pokazać użytkownikowi, że już zalajkował, ale nie lubie tak oszukiwać, bo co, jak vote nie dojdzie do serwera?
ale przecież ten hook właśnie w ten sposób działa
Mam problem z #webpack 4
Mianowicie: mam wrażenie, że on miesza style z komponentu A, i dodaje je do komponentu B, jeśli tylko tak samo się nazywają. Na pewno dzieje się do kiedy mówimy o zagnieżdżeniu w głąb, i chyba czasem jakieś dziwy się cacheują (stare i nowe style) między komponentami równoległymi.
Nie chcę takiego czegoś, bo nie wiem jak napisać dobry scss, kiedy on "losuje" wygląd komponentów. Na razie tylko
Mianowicie: mam wrażenie, że on miesza style z komponentu A, i dodaje je do komponentu B, jeśli tylko tak samo się nazywają. Na pewno dzieje się do kiedy mówimy o zagnieżdżeniu w głąb, i chyba czasem jakieś dziwy się cacheują (stare i nowe style) między komponentami równoległymi.
Nie chcę takiego czegoś, bo nie wiem jak napisać dobry scss, kiedy on "losuje" wygląd komponentów. Na razie tylko
App Store: https://apps.apple.com/us/app/it-flashcards/id6496431819
Google Play: https://play.google.com/store/apps/details?id=com.omernet.flashcards
Gdyby ktoś chciał potestować, przygotowałem dostęp do wszystkich fiszek z subskrypcją Premium.
Wykorzystany, dzięki.