Popis kurzu
Kurz je zameraný na naprosto základné znalosti Reactu.
Štruktúra kurzu
Úvod do ekosystému Reactu
- nastavenie IDE
- stručný prehľad JavaScriptu a TypeScriptu
- úvod do Reactu
- čo je SPA a ako funguje?
Balíčkovací systém a vytvorenie aplikácie
- Vite – vytvorenie aplikácie
- štruktúra projektového priečinka
- používanie npm a yarn
- sémantické verziovanie
Systém komponentov v Reacte
- JSX
- rozdiely medzi JSX a HTML
- React Fragment
- komponenty – životný cyklus, props
- strom komponentov
Stav komponentu
- bezstavové a stavové komponenty
- spracovanie udalostí
- lokálny stav komponentu (useState)
- životný cyklus komponentu
- triedne komponenty
Štýlovanie komponentov
- podmienené vykresľovanie
- aplikovanie štýlov
- CSS moduly
Správa vedľajších efektov
- useEffect
- Strict mode
Komponenty
- vytváranie vlastných udalostí
- children props
Tvorba formulárov
- riadené vstupy (controlled input)
HTTP požiadavky
- React Strict mode
- použitie knižnice tretích strán (axios)
- komunikácia so serverom cez REST API
- vytváranie vlastných hookov
Ladenie a logovanie chýb
- debugger
- použitie console.log na analýzu toku aplikácie
- použitie debuggera v Google Chrome
- použitie vývojárskych nástrojov Google Chrome
- služby tretích strán
Pokročilé témy
- globálny stav aplikácie pomocou React Context
- prístup k natívnym prvkom pomocou useRef