Hooks (useState, useEffect, useContext in drugi) so React značilnosti za upravljanje stanja in stranskih učinkov v funkcijskih komponentah — in delujejo enako v React Native. Razumevanje ključnih hookov je bistveno za gradnjo 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 obravnava stranske učinke (pridobivanje podatkov, naročila, časovniki) s poljem odvisnosti, ki nadzoruje, kdaj se izvede, in izbirno funkcijo čiščenja (pomembna za preprečevanje puščanj).
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).
Razumevanje React hookov je bistveno za React Native, ker so hooky standardni način za upravljanje stanja in stranskih učinkov v funkcijskih komponentah, kar je način, kako se gradijo moderne React Native aplikacije, zato je to nujna znanja.
Hooky delujejo enako v React Native kot v React za splet, zato je to znanje neposredno prenosljivo. useState (upravljanje stanja, sprožanje ponovno risanja) je temeljno za katero koli komponento s spreminjajočimi se podatki. useEffect je še posebej pomemben: obravnava stranske učinke (pridobivanje podatkov, naročila, časovniki) s poljem odvisnosti, ki nadzoruje, kdaj se izvede, in izbirno funkcijo čiščenja (kritična za preprečevanje puščanj z odjavo/čiščenjem) — razumevanje useEffect, njegovega polja odvisnosti in čiščenja je bistveno, ker so stranski učinki (kot je pridobivanje podatkov ob nalaganju zaslona) pogosti in napačna uporaba useEffect povzroča hrošče (neskončne zanke iz napačnih odvisnosti, puščanja iz manjkajočega čiščenja).
Razumevanje drugih ključnih hookov — useContext (potrošnja deljenih podatkov brez prebijanja rekvizitov), useRef (trajne spreminjajočih se reference), useMemo/useCallback (memorizacija za učinkovitost), useReducer (kompleksno stanje) in custom hooky (ekstrakcija ponovno uporabne logike s stanjem, kot sta useFetch ali useAuth — moč vzorec za ponovno uporabo kode) — pokriva nabor orodij za gradnjo pravih komponent.
Razumevanje pravil hookov (klicanje le na vrhu ravni in le iz komponent/custom hookov, ker se React zanaša na vrstni red klicev) je bistveno za izogibanje subtilnim hroščem.
Ker so hooky standardni mehanizem za stanje in stranske učinke v modernih funkcijskih React Native komponentah (in se znanja neposredno prenašajo iz React), in ker je razumevanje ključnih hookov (zlasti useState in useEffect s čiščenjem) ter pravil bistveno za gradnjo pravilnih komponent, je razumevanje React hookov bistveno, pogosto uporabljeno znanje React Native — temeljno za gradnjo modernih React Native komponent, osrednjega pomena pri upravljanju stanja in stranskih učinkov ter neposredno prenosljivo iz spletnega React, temeljne veščine za razvoj React Native.