Popis kurzu
Kurz je zaměřený na naprosto základní znalosti Reactu.
Struktura kurzu
Úvod do ekosystému Reactu
- nastavení IDE
- stručný přehled JavaScriptu a TypeScriptu
- úvod do Reactu
- co je SPA a jak funguje?
Balíčkovací systém a vytvoření aplikace
- Vite – vytvoření aplikace
- struktura projektové složky
- používání npm a yarn
- sémantické verzování
Systém komponent v Reactu
- JSX
- rozdíly mezi JSX a HTML
- React Fragment
- komponenty – životní cyklus, props
- strom komponent
Stav komponenty
- bezstavové a stavové komponenty
- zpracování událostí
- lokální stav komponenty (useState)
- životní cyklus komponenty
- třídní komponenty
Stylování komponent
- podmíněné vykreslování
- aplikování stylů
- CSS moduly
Správa vedlejších efektů
- useEffect
- Strict mode
Komponenty
- vytváření vlastních událostí
- children props
Tvorba formulářů
- řízené vstupy (controlled input)
HTTP požadavky
- React Strict mode
- použití knihovny třetích stran (axios)
- komunikace se serverem přes REST API
- vytváření vlastních hooků
Ladění a logování chyb
- debugger
- použití console.log pro analýzu toku aplikace
- použití debuggeru v Google Chrome
- použití vývojářských nástrojů Google Chrome
- služby třetích stran
Pokročilá témata
- globální stav aplikace pomocí React Context
- přístup k nativním prvkům pomocí useRef
