Sobes.tech
Junior

Quali sono i principali hook di React che conosci e usi?

sobes.tech AI

Risposta dell'AI

  • useState: Per gestire lo stato di un componente.
  • useEffect: Per eseguire effetti collaterali (richieste API, sottoscrizioni, manipolazioni del DOM) in componenti funzionali, in risposta a modifiche.
  • useContext: Per accedere al valore del contesto da un componente, senza passare props attraverso livelli intermedi.
  • useRef: Per memorizzare valori mutabili che non causano re-render e per ottenere un riferimento a un elemento DOM.
  • useMemo: Per memorizzare calcoli e prevenire la loro riesecuzione ad ogni render se le dipendenze non cambiano.
  • useCallback: Per memorizzare funzioni, evitando la loro creazione ad ogni render e problemi di performance nel passarle a componenti che usano React.memo.
  • useReducer: Alternativa a useState per gestire stati più complessi, utile quando ci sono molteplici aggiornamenti correlati o quando il prossimo stato dipende dal precedente.
  • useLayoutEffect: Esegue in modo sincrono dopo tutte le mutazioni del DOM e prima che il browser