Skocz do treści

Komunikacja pomiędzy komponentami w React.js

63

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

Zdjęcie Michał Miszczyszyn
JavaScript5 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

61

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

Zdjęcie Michał Miszczyszyn
JavaScript4 komentarze

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

60

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

Zdjęcie Michał Miszczyszyn
JavaScript9 komentarzy

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

58

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

Zdjęcie Michał Miszczyszyn
JavaScript19 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

57

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

Zdjęcie Michał Miszczyszyn
JavaScript4 komentarze

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

55

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

Zdjęcie Michał Miszczyszyn
JavaScript24 komentarze

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