Shrnutí a zdroje informací
Funkcionální vs. třídní komponenty
Funkcionální komponenty jsou aktuálně v Reactu standardem pro tvorbu nových komponent.
Třídní komponenty jsou stále používány hlavně pro starší kód nebo pro použití jako Error Boundaries (obdoba try-catch konstrukce pro odchytávání chyb -
throw new Error('Error')).Nové přístupy jsou dostupné jako React Hooks (
useState,useEffectatd.) pouze ve funkcionálních komponentách.Další informace:
Životní cyklus komponent
Lifecycle metody se používají pouze v třídních komponentách (
constructor,componentDidMount,componentDidUpdate,componentWillUnmount).Některé staré metody byly odebrány nebo označeny jako
deprecated(componentWillMount,componentWillReceivePropsatd.).V moderních aplikacích se místo nich používají React hooks jako
useEffect.Další informace:
Fetch API (asynchronní načítání dat)
Pro základní práci s daty lze použít čistý
fetchsasync/await.Je však potřeba zpracovat stavy aplikace - nahrávání, chyba, úspěch a zobrazit je uživateli.
Větší projekty by měly preferovat knihovny typu React Query, která to udělá za nás.
Další informace:
React Query (TanStack Query)
React Query pomáhá efektivně spravovat stav dat načítaných ze serveru („server state“).
Nabízí automatické cacheování, refetchování dat, synchronizaci, podporu offline režimu a další funkce.
Další informace:
Events a práce s JSX
- Události v Reactu jsou zabaleny do „syntetického“ eventu pro zajištění konzistentního chování mezi prohlížeči.
- V JSX lze používat běžné JavaScriptové výrazy uvnitř složených závorek (
{}). - Doporučuje se nedávat do JSX přímo “logiku”, ale pouze výrazy (podmíněné vykreslování, mapování pole atd.)[web:2][web:14].
Další informace: