Hooks (useState, useEffect, useContext, u ħoloq oħrajn) huma karatteristiki tal-React għall-ġestjoni tal-istat u l-effetti sekondarji fil-components funzjonali — u jaħdmu l-istess fil-React Native. L-għarfien tal-hooks ewlenin huwa essenzjali għall-bini ta' components React Native.
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 jittratta l-effetti sekondarji (ġbir ta' data, sottoskrizjonijiet, timers) b'dependency array li jikkontrolla meta jintgħażal, u funzjoni nettezza fakultattiva (importanti biex tiġi evitata t-tnixxija).
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).
L-għarfien tal-React hooks huwa essenzjali għal React Native għaliex hooks hum il-mod standard għall-ġestjoni tal-istat u l-effetti sekondarji fil-components funzjonali, li huwa kif l-apps React Native moderni huma mibnija, għalhekk huwa għarfien li għandu jkun magħruf.
Hooks jaħdmu identikament fil-React Native bħal fl-React għal web, u dan jagħmel il-għarfien transferibbli direttament. useState (ġestjoni tal-istat, tħarriġ ta' re-renders) huwa fundamentali għal kwalunkwe component b'data li tinbidel. useEffect huwa speċjalment importanti: jussa l-effetti sekondarji (ġbir ta' data, sottoskrizjonijiet, timers) b'dependency array li jikkontrolla meta jintgħażal u funzjoni nettezza fakultattiva (kruċjali biex tiġi evitata t-tnixxija billi titneħħa s-sottoskrizjonijiet/titneħħa) — l-għarfien ta' useEffect, id-dependency array tiegħu, u n-nettezza huwa essenzjali peress li l-effetti sekondarji (bħal ġbir ta' data meta iskrin iħammel) huma komuni u get-ħamsa f'useEffect ikkawża bugs (loops infiniti minn dependencies mhux sikuri, tnixxija minn nettezza nieqsa).
L-għarfien ta' hooks ewlenin oħrajn — useContext (konsum ta' data maqsuma bħala-driling ta' props), useRef (referenzi mutabbli persistenti), useMemo/useCallback (memoization għal prestazzjoni), useReducer (istat kumplessa), u custom hooks (estrazzjoni ta' lożika stateful riusabbli bħal useFetch jew useAuth — pattern qawwi għal riusu ta' kodiċi) — ikopri l-kit ta' għodda għall-bini ta' components reali.
L-għarfien tar-regoli tal-hooks (it-timbil tagħhom biss fil-livell ta' fuq u biss minn components/custom hooks, peress li React jiddependi fuq l-ordni ta' timbil) huwa essenzjali biex jiġu evitati bugs sottili.
Billi hooks huma l-mekkaniżmu standard għall-istat u l-effetti sekondarji fil-components funzjonali React moderni (u l-għarfien jeżaminja direttament minn React), u billi l-għarfien tal-hooks ewlenin (speċjalment useState u useEffect bil-cleanup tiegħu) u r-regoli huwa essenzjali għall-bini ta' components korretti, l-għarfien tal-React hooks huwa essenzjali, għarfien React Native applikat ta' spiss — fundamentali għall-bini ta' components React Native moderni, ċentrali għall-ġestjoni tal-istat u l-effetti sekondarji, u transferibbli direttament minn React għall-web, kapaċità essenzjali għall-iżvilupp tal-React Native.