Skocz do treści

Trzecia edycja Kursu Nowoczesnego Frontendu: Next.js, React, TypeScript, GraphQL już w sprzedaży!

Poprawne bindowanie funkcji w React.js

Ten artykuł jest częścią 16 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript15 komentarzy

Jak pewnie zauważyłaś/eś — wywołanie metody klasy w React.js z poziomu funkcji render kończy się źle, o ile nie użyjesz bind. Wspominałem też o tym w kursie i sam używałem po prostu bind w czasie renderowania. Ale czy to dobre rozwiązanie? Co z wydajnością i czytelnością takiego kodu? Czytaj dalej… artykuł Poprawne bindowanie funkcji w React.js

Testowanie React.js w Enzyme — props, state i interakcje

Ten artykuł jest częścią 15 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript33 komentarze

Pokazałem już jak pisać proste testy do aplikacji React.js z użyciem Enzyme. Sprawdzanie czy coś się renderuje, czy zawiera tekst, czy dobrze pokazuje elementy… W tym wpisie idę o krok dalej. Pokazuję jak w Enzyme testować interakcje z komponentami, odczytywać i zmieniać propsy a także state. Czytaj dalej… artykuł Testowanie React.js w Enzyme — props, state i interakcje

React.js na GitHub Pages dzięki create-react-app

Ten artykuł jest częścią 13 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript50 komentarzy

Bardzo często początkujący pytają mnie gdzie mogą łatwo wrzucić nieco bardziej rozbudowany projekt, żeby go pokazać. Nie mają swojego hostingu, na Codepenie nie będzie to wygodne jeśli aplikacja podzielona jest na wiele plików. Co robić? Zazwyczaj odpowiadam: GitHub Pages. Czytaj dalej… artykuł React.js na GitHub Pages dzięki create-react-app

Tworzenie aplikacji React.js dzięki create-react-app

Ten artykuł jest częścią 12 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript9 komentarzy

Do tej pory pokazałem kilka przykładów z React.js, a wszystkie wrzuciłem na codepen. Jak się pewnie domyślasz, tworzenie rozbudowanych aplikacji wygląda nieco inaczej. Dzielisz je na wiele plików, chcesz odpalać testy jednostkowe, a ostatecznie chciałabyś kod zminifikować. create-react-app to paczka pozwalająca na łatwe stworzenie projektu opartego o React.js. Tworzy dla… Czytaj dalej… artykuł Tworzenie aplikacji React.js dzięki create-react-app

Praca zdalna jest celem dla wielu osób. Wiele razy ludzie pytali mnie: „Gdzie szukać pracy zdalnej?”. Z pamięci jestem w stanie przytoczyć zazwyczaj tylko kilka serwisów. A przecież podobnych portali z pracą zdalną w Internecie na pewno jest więcej! Dlatego stworzyłem stronę, na której zbierzemy wszystkie interesujące portale z pracą… Czytaj dalej… artykuł Nowa inicjatywa: Recenzje portali z pracą zdalną

React.js w przykładach: filtrowanie statycznej listy

Ten artykuł jest częścią 11 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript55 komentarzy

W jednym z komentarzy ktoś zasugerował mi, abym pokazywał jak najwięcej praktycznych przykładów. Inna osoba pytała konkretnie o przykład filtrowania listy na podstawie tekstu wpisywanego w input. Stwierdziłem, że warto skorzystać z tych sugestii. Oto powstaje seria wpisów, które będą się przeplatały z kursem Reacta jako takim. Tutaj będę pokazywał… Czytaj dalej… artykuł React.js w przykładach: filtrowanie statycznej listy

A to Ci nietypowe temat na tym blogu :D Ale spokojnie, będzie o programowaniu ;) Ostatnio szlifuję pierwszą publiczną wersję pewnej aplikacji, nad którą pracuję hobbystycznie. Gryzła mnie tylko jedna rzecz: Odmiana słów przy liczbach. Temat powszechnie znany i irytujący. Jak ładnie i prosto zapisać w kodzie „1 komentarz”, „2… Czytaj dalej… artykuł Odmiana rzeczowników przy liczebnikach w języku polskim

Metody cyklu życia komponentu w React.js

Ten artykuł jest częścią 10 z 41 w serii React.js.

Zdjęcie Michał Miszczyszyn
JavaScript74 komentarze

Przy okazji omawiania komponentów będących klasami w React.js, wspomniałem też o możliwości korzystania z metod cyklu życia (lifecycle methods). Chciałbym do tego tematu teraz powrócić. Pokażę jakie metody cyklu życia definiuje React.js, do czego one służą i kiedy mogą się przydać. Czytaj dalej… artykuł Metody cyklu życia komponentu w React.js