Skocz do treści

Druga edycja Kursu Nowoczesnego Frontendu: Next.js, React, TypeScript, GraphQL

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

Klasy jako komponenty React.js

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

Zdjęcie Michał Miszczyszyn
JavaScript33 komentarze

Do tej pory używaliśmy prostych funkcji i z nich tworzyliśmy komponenty React. Mimo, że przeważająca część komponentów, które tworzę są właśnie takimi prostymi funkcjami, to jednak nie wszystkie. Funkcje są bardzo przydatne, jednak poniekąd ograniczone. Jak więc inaczej można tworzyć komponenty w React.js? Używając klas! Czytaj dalej… artykuł Klasy jako komponenty React.js

Podział na komponenty w React.js

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

Zdjęcie Michał Miszczyszyn
JavaScript59 komentarzy

W tej części skupisz się na teorii i praktyce dzielenia zaprojektowanych aplikacji na poszczególne komponenty. Zaczniesz też tworzyć prostą appkę — menedżer kontaktów. W planach wyświetlanie, dodawanie i edycja kontaktów. Ale najpierw — musimy przecież zaprojektować HTML i CSS dla tej aplikacji. Czytaj dalej… artykuł Podział na komponenty w React.js

Poznaj React.js

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

Zdjęcie Michał Miszczyszyn
JavaScript13 komentarzy

React jest biblioteką do budowania interfejsów w JavaScript, stworzoną przez Facebooka. React zdobył ogromną popularność wśród programistów i jest jedną z tych bibliotek, w których pisze się całkiem przyjemnie. Koncept Reacta opiera się o znane od dawna wzorce, które zostały tutaj odświeżone i zunifikowane: Jednokierunkowy przepływ danych i budowanie aplikacji… Czytaj dalej… artykuł Poznaj React.js