Popis kurzu
Tento kurz prohlubuje znalosti z React Basic a doplňuje vše, co by měl každý vývojář v Reactu znát, aby mohl vytvářet kvalitní, udržitelné a rychlé aplikace.
Struktura kurzu
- Základy Reactu
a. přehled základních konceptů a témat Reactu
b. provádění HTTP požadavků
c. komunikace mezi rodičovskou a dětskou komponentou - React Hooks
a. useRef pro manipulaci s nativním DOM prvkem
b. forwardRef
c. useImperativeHandle pro zpřístupnění API komponenty - Výkon
a. jak detekovat problémy s výkonem
b. použití Profileru v Google Chrome a v React dev tools
c. React.memo
d. useMemo
e. useCallback - React Context
a. základní použití Contextu
b. pokročilá enkapsulace Context Provideru
c. počáteční stav Contextu - Testování pomocí Jest
a. úvod do Jestu
b. dobré postupy při psaní testů
c. strukturování testů
d. Jest matchers
e. testování výjimek
f. mocking
g. kontrola závislostí pomocí spies
h. mocking modulů - Testování Reactu pomocí React Testing Library
a. dotazy (queries)
b. spouštění uživatelských akcí
c. matches
d. testování komponent
e. testování hooků - Pokročilá témata
a. render props
b. Error Boundaries
c. React Suspense
d. React Portal
e. useReducer hook - Routing
a. úvod do React Routeru
b. globální layout aplikace
c. vnořování rout pomocí Outlet
d. navigace
e. použití URL parametrů
f. rozdělení aplikace na části (lazy loading)
g. React.lazy - Redux
a. definování store
b. použití slices
c. čtení redux stavu v komponentě
d. dispatching akcí
e. zpracování asynchronních akcí - Nastavení projektu
a. jak vybrat správné knihovny?
b. z čeho se typický React projekt skládá?
c. úvod a konfigurace Webpacku
d. Monorepo kódová báze pomocí NX
