Gumroad wrzucił cały frontendowy kod źródłowy na GitHuba – kopalnia złota dla poważnych frontendowców w Reactcie.
Porządna architektura, czyste wzorce, konkret z prawdziwego świata.
Tak budują profesjonaliści.

Pełna analiza tutaj:
https://tomaszs2.medium.com/gumroad-just-open-sourced-its-code-a-masterclass-in-building-pro-react-apps-e59e1eae65eaPokaż całość

#programowanie #nextjs #react #reactjs #mongodb #postgresql #webdev

siema moze mi ktoś powiedzieć kiedy nie opłaca sie używać nextjs w webapp i warto postawić np na MERN??
jakie sa przewagi klasycznego merna ?? jakie problemy moga mnie spotkać z nextem w produkcji?

Uczę się od pewnego czasu reacta i mam pewne pytanie. Jak to przekombinowane cholerstwo uruchomić na zwykłym serwerze http?

W sensie to jest javascript, więc wydaje mi się że nie powinien wymagać niczego po stronie serwera.

#nodejs #react #reactjs

If your colleague dev is happy today, it's because React 19 beta was just released!
https://tomaszs2.medium.com/developers-confused-over-react-19-beta-release-e63e31558a9f
#reactjs #webdev #javascript

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

Mirki bede pierwszy raz od dawna szukal roboty jako react mid, jakieś rady? Ktoś może ostatnio chodził na rozmowy i podrzuciłby czego można się spodziewać?

Robie te zadanka z leetcode i w sumie nie wiem co jeszcze powtórzyć

#programowanie #frontend #react #reactjs

Hej, szukam chociaż jakiejś podpowiedzi, bo nie miałem nigdy do czynienia z projektem w #react #reactjs i #symfony a do tego brak kontaktu z programistą, który się tym projektem do tej pory zajmował.
Ogólnie chodzi o przeniesienie projektu z serwera na serwer. Na starym serwerze projekt śmiga bezproblemowo, a na nowym wyświetla się okno ładowania, ładuje w nieskończoność i wali błędem w konsoli:

The script has an unsupportedPokaż całość

Mam taki komponent:
https://pastebin.com/5T0KR9NG

Chciałem przenieść to co jest między <nav>...</nav> i <main>...</main> do nowych komponentów bo planuję to rozbudować.

Mógłbym wyciąć to co jest w nav i wkleić do komponentu z nagłówkiem:Pokaż całość

Jakim cudem focus dziala roznie mimo ze kod jest praktycznie identyczny? Przyklad kodu i sandboxy pod linkiem: https://stackoverflow.com/questions/77281261/onfocus-behavior-in-react-with-tabindexed-is-broken

W przykladzie z czystym JS focus dziala intuicyjnie, najpierw jest przeniesiony na pierwszego diva i przeskakuje po kolei po elementach natomiast w drugim przypadku zapetla sie na pierwszym divie.

#javascript #reactjs #react #webdev #naukaprogramowania #programowanie

Jakiś czas temu zdarzyło mi się napisać stronę w ReactJS…zwykła strona z informacjami, zmiana jezyka oraz formularzem wysyłającym maila. Nie miałem czasu i zajęło mi kilka msc powrót do tego żeby w końcu to skończyć…dzisiaj to odpaliłem z pomocą npm…KUREA MIRKI, WY TAM NA TYM FE TAK ŻYJECIE? SERIO? WYSTARCZY KILKA MIESOECY ŻEBY WSZYSTKO W----------O SIĘ NA PLECY? DRAMAT JPRD, DRAMAT. I teraz grzebie w tym syfie i chuuuuuuuuj mnie strzela. EhPokaż całość

#reactjs #programowanie #frontend #webdev #programista15k
Uzywa ktos tych ostatnich nowosci z NextJS? Co sądzicie o koncepcji server components? Jak ostatnio sprawdzalem to ludzie pisali zeby poczekac np. z przerzuceniem folderu pages na /api bo jest to jeszcze testowane, ale to bylo z pół roku temu.

Heja,

Macie jakiegoś fajnego githuba / kurs z aplikacją obejmującą front + back? Coś w stylu react + java + spring + hibernate i pisane i zapięte w jakimś AWSie (nie obchodzi mnie tematyka)? W miarę takich zasad jak to powinno być zrobione? Miałem kiedyś githuba do czegoś takiego ale nie mogę znaleźć. Może macie coś ciekawego?

#java #programowanie #spring #reactjs #aws

Czy jest ktoś z was w stanie napisać najłatwiejszego popupa jakiego się da, z wykorzystaniem klasowych komponentów i BEZ UŻYCIA zewnętrznych bibliotek? Wszystkie przykłady co znalazłem to albo czysty js albo jakieś zewnętrzne biblioteki/komponenty funkcyjne ( ͡° ʖ̯ ͡°)

Pokaż spoiler

#react #reactjs #javascript

Mam taki custom hook do zmiany danych:
https://pastebin.com/z1Xswry3

Tutaj jest przykład użycia:
https://pastebin.com/aLpYFSxb

JakPokaż całość

https://codesandbox.io/s/crimson-hill-fyvdtx

To jest legitne? Tzn. można normalnie wrzucać całe duże i skomplikowane komponenty przez propsy?
Przesyłałem zmienne, funkcje, obiekty ale jeszcze nigdy propsy i nie wiem czy to jest ok.

#react #reactjs

https://www.w3schools.com/react/react_customhooks.asp

Tam jest Example: useFetch.js: i index.js:

Czy tam przypadkiem nie ma podwójnego źródła prawdy ?
1. wewnątrz useFetch: const [data, setData] = useState(null);Pokaż całość

useEffect(()=>{
if(registered) dispatch(resetRegistered());
}, [registered]);

eslint wyrzucił " React Hook useEffect has a missing dependency: 'dispatch' "

dispatchPokaż całość

https://codesandbox.io/s/fragrant-cloud-gptmsv?file=/src/App.js

1. data przechowuje tablicę liczb.
setData używam do pobrania danych za pomocą fetch, ale już tego nie pisałem i dałem [1,2,3,4].
2. tworzę obiekt "data2" gdzie kluczami są liczby z tablicy "data" a wartościami "false"
3. jak kliknę to zmieniam checkbox nr.2 na true.Pokaż całość

https://pastebin.com/UbbYhDim
Próbuję zrobić useFetch takiego jak tu:
https://www.w3schools.com/react/react_customhooks.asp

Problem w tym, że wpada w nieskończoną pętlę.
W przykładzie w3schools jest useEffect ustawione na url.Pokaż całość