Hooks (useState, useEffect, useContext, dhe të tjerë) janë veçori të React për menaxhimin e state-it dhe efekteve anësor në komponentë funksionale — dhe ato funksionojnë në të njëjtën mënyrë në React Native. Të kuptuar hooks-et kryesor është thelbësor për ndërtimin e komponentëve React Native.
const [count, setCount] = useState(0); // state + setter; setting it re-renders
[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 përfshin efekte anësor (marrja e të dhënave, subscription-et, timer-ët) me një dependency array që kontrollon kur të ekzekutohet, dhe një funksion optional cleanup (i rëndësishëm për parandalimin e rrjedhjeve).
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).
Të kuptuar React hooks është thelbësor për React Native sepse hooks janë mënyra standarde për menaxhimin e state-it dhe efekteve anësor në komponentë funksionale, të cilat janë mënyra se si ndërtohen aplikacionet moderne React Native, kështu që është njohuri e domosdoshme.
Hooks funksionojnë identikisht në React Native si në React për web, duke e bërë këtë njohuri drejtpërdrejt të transferueshme. useState (menaxhimi i state-it, shkaktimi i re-render-it) është themelor për çdo komponent me të dhëna në ndryshim. useEffect është veçanërisht i rëndësishëm: ai përfshin efekte anësor (marrja e të dhënave, subscription-et, timer-ët) me një dependency array që kontrollon kur të ekzekutohet dhe një funksion optional cleanup (vendimtar për parandalimin e rrjedhjeve përmes unsubscribe-it/pastrimit) — të kuptuar useEffect, dependency array-in e tij, dhe cleanup-in është thelbësor sepse efekte anësor (si marrja e të dhënave kur një ekran ngarkohet) janë të zakonshme dhe gabimi në useEffect shkakton bugs (lupa të pafundme nga dependencies të gabuara, rrjedhje nga cleanup-et që mungojnë).
Të kuptuar hooks të tjerë kryesor — useContext (konsumimi i të dhënave të përbashkëta pa prop drilling), useRef (referenca të përqëndruara të ndryshueshme), useMemo/useCallback (memoization për performancën), useReducer (state kompleks), dhe custom hooks (nxjerrja e logjikës stateful të ripërdorshme si useFetch ose useAuth — një model i fuqishëm për ripërdorimin e kodit) — mbulojnë toolkit-un për ndërtimin e komponentëve realë.
Të kuptuar rregullat e hooks (thirrja e tyre vetëm në nivelin e sipërm dhe vetëm nga komponentët/custom hooks, sepse React mbështetet në rendin e thirrjeve) është thelbësor për të shmangur bugs të delikatë.
Sepse hooks janë mekanizmi standard për state-in dhe efekte anësor në komponentë funksionale moderne React Native (dhe njohurinë transferohet drejtpërdrejt nga React), dhe sepse të kuptuar hooks-et kryesor (veçanërisht useState dhe useEffect me cleanup-in e tij) dhe rregullat është thelbësor për ndërtimin e komponentëve korrekt, të kuptuar React hooks është njohuri thelbësore, e zbatuar shpesh në React Native — themelor për ndërtimin e komponentëve moderne React Native, qendror për menaxhimin e state-it dhe efekteve anësor, dhe drejtpërdrejt i transferueshëm nga web React, një aftësi bazë për zhvillimin React Native.