Hook (useState, useEffect, useContext e altri) sono funzionalità di React per gestire lo stato e gli effetti collaterali nei componenti funzionali — e funzionano allo stesso modo in React Native. Comprendere gli hook principali è essenziale per costruire componenti 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 gestisce gli effetti collaterali (recupero dati, sottoscrizioni, timer) con un array di dipendenze che controlla quando viene eseguito, e una funzione di pulizia opzionale (importante per prevenire perdite di memoria).
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).
Comprendere gli hook di React è essenziale per React Native perché gli hook sono il modo standard per gestire lo stato e gli effetti collaterali nei componenti funzionali, che è come vengono costruite le app React Native moderne, quindi è conoscenza fondamentale.
Gli hook funzionano in modo identico in React Native come in React per il web, rendendo questa conoscenza direttamente trasferibile. useState (gestire lo stato, attivare nuovi rendering) è fondamentale per qualsiasi componente con dati in cambiamento. useEffect è particolarmente importante: gestisce effetti collaterali (recupero dati, sottoscrizioni, timer) con un array di dipendenze che controlla quando viene eseguito e una funzione di pulizia opzionale (cruciale per prevenire perdite di memoria mediante unsubscribe/pulizia) — comprendere useEffect, il suo array di dipendenze e la pulizia è essenziale poiché gli effetti collaterali (come il recupero dati quando una schermata si carica) sono comuni e un errore in useEffect causa bug (loop infiniti da dipendenze sbagliate, perdite da pulizia mancante).
Comprendere altri hook principali — useContext (consumare dati condivisi senza prop drilling), useRef (riferimenti mutevoli persistenti), useMemo/useCallback (memoizzazione per prestazioni), useReducer (stato complesso), e hook personalizzati (estrarre logica stateful riutilizzabile come useFetch o useAuth — un pattern potente per il riuso del codice) — copre il toolkit per costruire componenti reali.
Comprendere le regole degli hook (chiamarli solo al livello superiore e solo da componenti/hook personalizzati, poiché React si affida all'ordine di chiamata) è essenziale per evitare bug sottili.
Poiché gli hook sono il meccanismo standard per lo stato e gli effetti collaterali nei componenti React Native funzionali moderni (e la conoscenza è direttamente trasferibile da React), e poiché comprendere gli hook principali (specialmente useState e useEffect con la sua pulizia) e le regole è essenziale per costruire componenti corretti, comprendere gli hook di React è conoscenza React Native essenziale e frequentemente applicata — fondamentale per costruire componenti React Native moderni, centrale per gestire lo stato e gli effetti collaterali, e direttamente trasferibile da React web, una competenza fondamentale per lo sviluppo in React Native.