Hooks (useState, useEffect, useContext a další) jsou funkce Reactu pro správu stavu a vedlejších efektů ve funkčních komponentách — a fungují stejně v React Native. Pochopení klíčových hooks je nezbytné pro tvorbu React Native komponent.
const [count, setCount] = useState(0); // state + setter; setting it re-renders
const [user, setUser] = useState();
// useEffect runs side effects (data fetching, subscriptions) after render
useEffect(() => {
fetchData(); // runs after render
// optional CLEANUP (returned function) — runs on unmount / before re-running
const sub = subscribe();
return () => sub.unsubscribe(); // CLEAN UP (prevent leaks)
}, [dependency]); // dependency array → when to re-run
// → [] = run once on mount; [dep] = run when dep changes; none = every render
useEffect zpracovává vedlejší efekty (načítání dat, předplatné, časovače) s polem závislostí, které řídí, kdy se spustí, a volitelnou funkcí čištění (důležitou pro zabránění úniku).
useContext → consume context (shared data without prop drilling)
useRef → a mutable reference that persists across renders (e.g. reference a component,
store a value without re-rendering)
useMemo → memoize an expensive computed value (performance)
useCallback → memoize a function (avoid unnecessary re-creation/re-renders)
useReducer → manage complex state with a reducer
CUSTOM HOOKS → extract reusable stateful logic (e.g. useFetch, useAuth)
⚠️ Only call hooks at the TOP LEVEL of a component (not in conditions/loops/nested functions)
⚠️ Only call hooks from React components or custom hooks
→ These rules ensure hooks work correctly (React relies on call order).
Pochopení React hooks je nezbytné pro React Native, protože hooks jsou standardní způsob, jak spravovat stav a vedlejší efekty ve funkčních komponentách, což je způsob, jak jsou vytvářeny moderní React Native aplikace, takže je to klíčové znalost.
Hooks fungují identicky v React Native jako v Reactu pro web, čímž je tato znalost přímo přenositelná. useState (správa stavu, spouštění opětovného vykreslení) je základní pro jakoukoli komponentu se měnícími se daty. useEffect je zvláště důležitý: zpracovává vedlejší efekty (načítání dat, předplatné, časovače) s polem závislostí, které řídí, kdy se spustí, a volitelnou funkcí čištění (klíčová pro zabránění úniku odpojením/čištěním) — pochopení useEffect, jeho pole závislostí a čištění je nezbytné, protože vedlejší efekty (jako načítání dat při otevření obrazovky) jsou časté a špatné useEffect způsobuje chyby (nekonečné smyčky ze špatných závislostí, úniky z chybějícího čištění).
Pochopení dalších klíčových hooks — useContext (konzumace sdílených dat bez prop drilling), useRef (trvalé proměnné reference), useMemo/useCallback (memoizace pro výkon), useReducer (komplexní stav) a vlastní hooks (extrahování opakovaně použitelné logiky se stavem, jako useFetch nebo useAuth — mocný vzor pro opakované použití kódu) — pokrývá sadu nástrojů pro tvorbu reálných komponent.
Pochopení pravidel hooks (jejich volání pouze na nejvyšší úrovni a pouze z komponent/vlastních hooks, protože React závisí na pořadí volání) je nezbytné, aby se zabránilo jemným chybám.
Protože hooks jsou standardní mechanismus pro stav a vedlejší efekty v moderních funkčních React Native komponentách (a znalost se přímo přenáší z Reactu), a protože pochopení klíčových hooks (zvláště useState a useEffect s jeho čištěním) a pravidel je nezbytné pro vytváření správných komponent, pochopení React hooks je nezbytná, často používaná React Native znalost — základní pro tvorbu moderních React Native komponent, centrální pro správu stavu a vedlejších efektů a přímo přenositelná z web Reactu, klíčová dovednost pro vývoj React Native.