Polski frontend

AlgoSmart - Marcin Czarkowski YouTube

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