szczecinski.eu

szczecinski.eu

  • Kurs React
  • Zaawansowany React
  • Kurs Redux
  • Kurs ES6
  • Blog
  • Kontakt

›Wprowadzenie

Wprowadzenie

  • Tematy zaawansowane

Strukturowanie komponentów

  • Komponenty złożone
  • HoC - Komponenty wyższego rzędu
  • Render Props

Context

  • Wprowadzenie
  • Przykład zastosowania: system translacji
  • Zaawansowane opcje

Hooks

  • Wprowadzenie
  • useState
  • useReducer
  • useEffect
  • useContext
  • Pozostałe hooki
  • Własne hooki

Pozostałe API

  • React.memo
  • React.lazy

Tematy zaawansowane

Jedną z zalet Reacta jest to, że posiada on stosunkowo "małe" API i poza kilkoma zasadami nie narzuca on żadnych rozwiązań, pozostawiając developerowi szerokie pole na dostosowanie aplikacji i stylu jej tworzenia do swoich potrzeb i oczekiwań.

Nie oznacza to, że w czasie pracy z Reactem nie spotkamy się z kilkoma często stosowanymi wzorcami czy nieco bardziej skomplikowanymi mechanizmami - w tej sekcji staram się omówić te tematy.

Oczywiście nie musisz dogłębnie znać każdego z wzorców - Render Props zastępują prawie całkowicie High Order Components, a Hooki mogą zastąpić Render Props. Jednak zapoznanie się z nimi ułatwi Ci nawigację po już istniejącym kodzie oraz przyswojenie nowych wzorców.

Komponenty złożone →
Bartosz Szczeciński © 2019 Materiał dostępny na zasadach licencji MIT.