Hooks (useState, useEffect, useContext, i drugi) su React funkcionalnosti za upravljanje stanjem i nusnim efektima u funkcijskim komponentama — i funkcioniraju identično u React Nativeu. Razumijevanje ključnih hooks-a je neophodno za izgradnju React Native komponenti.
const [count, setCount] = useState(0); // state + setter; setting it re-renders
const [user, setUser] = ();
// 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 upravlja nusnim efektima (dohvaćanje podataka, pretplate, tajmeri) s poljem za zavisnosti koje kontrolira kada se izvršava, i opcionalno funkcijom za čišćenje (važno za sprječavanje curenja).
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).
Razumijevanje React hooks-a je neophodno za React Native jer su hooks standardni način upravljanja stanjem i nusnim efektima u funkcijskim komponentama, što je način na koji se grade moderne React Native aplikacije, pa je to neophodno znanje.
Hooks funkcioniraju identično u React Nativeu kao u React-u za web, što čini ovo znanje direktno prenosivim. useState (upravljanje stanjem, pokretanje ponovno renderiranja) je fundamentalan za bilo koju komponentu s promjenjivim podacima. useEffect je posebno važan: upravlja nusnim efektima (dohvaćanje podataka, pretplate, tajmeri) s poljem za zavisnosti koje kontrolira kada se izvršava i opcionalno funkcijom za čišćenje (ključna za sprječavanje curenja putem otkazivanja pretplata/čišćenja) — razumijevanje useEffect-a, njegovih zavisnosti i čišćenja je neophodno jer su nusni efekti (kao što je dohvaćanje podataka kada se zaslonnica učitava) česti i pogrešan useEffect uzrokuje greške (beskonačne petlje od pogrešnih zavisnosti, curenja od nedostatka čišćenja).
Razumijevanje ostalih ključnih hooks-a — useContext (konzumiranje dijeljenih podataka bez prop bušenja), useRef (trajne mutabilne reference), useMemo/useCallback (memorizacija za performanse), useReducer (kompleksno stanje), i prilagođeni hooks (ekstrakcija ponovno iskoristivog stateful koda kao što su useFetch ili useAuth — moćan obrazac za ponovno iskorištenje koda) — pokriva alatni set za izgradnju stvarnih komponenti.
Razumijevanje pravila za hooks (pozivanje samo na vrhu razine i samo iz komponenti/prilagođenih hooks-a, jer se React oslanja na redoslijed poziva) je neophodno za izbjegavanje suptilnih grešaka.
Budući da su hooks standardni mehanizam za stanje i nusne efekte u modernim funkcijskim React Native komponentama (i znanje se direktno prenosi iz React-a), te budući da je razumijevanje ključnih hooks-a (posebno useState i useEffect s njegovim čišćenjem) i pravila neophodno za izgradnju ispravnih komponenti, razumijevanje React hooks-a je neophodno, često primijenjeno React Native znanje — fundamentalno za izgradnju modernih React Native komponenti, centralno za upravljanje stanjem i nusnim efektima, i direktno prenosivo iz web React-a, temeljne vještine za React Native razvoj.