Skocz do treści

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

Flux i Redux: globalny store i jednokierunkowy przepływ danych

Ten artykuł jest częścią 23 z 43 w serii React.js.

Zdjęcie Michał Miszczyszyn
Dobry Kod13 komentarzy

Na co dzień korzystam z Redux razem z React. Dawniej używałem też własnej implementacji architektury Flux razem z AngularJS. Postanowiłem napisać o tym koncepcie coś więcej — bo jest to bez wątpienia bardzo ciekawe! Jednokierunkowy przepływ danych, akcje, dispatcher, action creator, reducer… to wszystko w tym wpisie :) A do… Czytaj dalej… artykuł Flux i Redux: globalny store i jednokierunkowy przepływ danych

Komunikacja pomiędzy komponentami w React.js

Ten artykuł jest częścią 18 z 43 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 43 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 43 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