Popis kurzu
Tento kurz prehlbuje znalosti z React Basic a dopĺňa všetko, čo by mal každý vývojár v Reacte ovládať, aby mohol vytvárať kvalitné, udržateľné a rýchle aplikácie.
Štruktúra kurzu
Základy Reactu
a. prehľad základných konceptov a tém Reactu
b. vykonávanie HTTP požiadaviek
c. komunikácia medzi rodičovskou a detskou komponentou
React Hooks
a. useRef na manipuláciu s natívnym DOM prvkom
b. forwardRef
c. useImperativeHandle na sprístupnenie API komponenty
Výkon
a. ako detekovať problémy s výkonom
b. použitie Profileru v Google Chrome a v React dev tools
c. React.memo
d. useMemo
e. useCallback
React Context
a. základné použitie Contextu
b. pokročilá enkapsulácia Context Provideru
c. počiatočný stav Contextu
Testovanie pomocou Jest
a. úvod do Jestu
b. dobré postupy pri písaní testov
c. štruktúrovanie testov
d. Jest matchers
e. testovanie výnimiek
f. mocking
g. kontrola závislostí pomocou spies
h. mocking modulov
Testovanie Reactu pomocou React Testing Library
a. dotazy (queries)
b. spúšťanie používateľských akcií
c. matches
d. testovanie komponent
e. testovanie hookov
Pokročilé témy
a. render props
b. Error Boundaries
c. React Suspense
d. React Portal
e. useReducer hook
Routing
a. úvod do React Routeru
b. globálny layout aplikácie
c. vnáranie rout pomocou Outlet
d. navigácia
e. použitie URL parametrov
f. rozdelenie aplikácie na časti (lazy loading)
g. React.lazy
Redux
a. definovanie store
b. použitie slices
c. čítanie redux stavu v komponente
d. dispatching akcií
e. spracovanie asynchrónnych akcií
Nastavenie projektu
a. ako vybrať správne knižnice?
b. z čoho sa skladá typický React projekt?
c. úvod a konfigurácia Webpacku
d. Monorepo kódová báza pomocou NX