Komponenty kontenerowe i prezentacyjne - Wzorce w React #1
Komponenty kontenerowe i prezentacyjne to pierwszy wzorzec, z którym powinien zapoznać się każdy adept Reacta.
W pierwszym odcinku serii "Wzorce w React" na prostym lecz praktycznym przykładzie wyjaśnię Ci:
1. Jaki problem rozwiązuje ten wzorzec?
2. Jak rozdzielić odpowiedzialność pomiędzy komponenty kontenerowe i prezentacyjne?
3. Jakie zalety płyną z stosowania tego wzorca?
4. Jak rozbić duży komponent prezentacyjny na mniejsze o pojedynczej odpowiedzialności?
Ponadto, na końcu materiału znajdziesz ćwiczenie, które pozwoli utrwalić przekazane przeze mnie informacje.
Repozytorium projektu znajdziesz tutaj: https://github.com/mkczarkowski/react-design-patterns/tree/master/01-container-presentational
Materiały do ćwiczenia:
-Edytor online z kodem startowym: https://codesandbox.io/s/github/mkczarkowski/react-design-patterns/tree/master/01-container-presentational/after
* Star Wars API: https://swapi.co/
Materiały referencyjne: https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
Link do prezentacji wykorzystanej w odcinku:
https://slides.com/marcinczarkowski/container-presentational
Playlista "Wzorce w React":
Śledź mnie w internetach i bądź na bieżąco:
https://pl-pl.facebook.com/algosmartpl/
https://twitter.com/mkczarkowski
Ikony social media wykorzystane na końcu materiału stworzył użytkownik FiveIcons. Są dostępne tutaj: https://www.iconfinder.com/fiveicons na warunkach licencji Creative Commons Attribution 2.5: https://creativecommons.org/licenses/by/2.5/legalcode
Chcesz więcej? Sprawdź w oryginale!
Przejdź do filmu