Skocz do treści

Już wkrótce odpalamy zapisy na drugą edycję next13masters.pl. Zapisz się na listę oczekujących!

Komunikacja pomiędzy komponentami w React.js

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

Zdjęcie Michał Miszczyszyn
JavaScript10 komentarzy

Przyszedł ten moment, gdy Twoja aplikacja zaczyna się rozrastać i zmagasz się z różnymi problemami z architekturą. Zacznijmy od prostego problemu: Komunikacja pomiędzy komponentami. Ale nie tylko tymi, które są bezpośrednio obok siebie, ale też tymi dowolnie oddalonymi w aplikacji… Czytaj dalej… artykuł Komunikacja pomiędzy komponentami w React.js

W komentarzach na blogu i na Facebooku pojawiło się całe mnóstwo różnych pytań do mnie. Super! Staram się odpowiadać na nie na biężąco. Ale teraz postanowiłem też zebrać je w jednym miejscu wraz z odpowiedziami — i stworzyć swego rodzaju kompendium wiedzy ;) Jeśli masz jakieś pytania to pisz! Odpowiem… Czytaj dalej… artykuł Odpowiadam na pytania: Babel, ECMAScript, destrukturyzacja, onClick, className

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

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

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