In React, un “hook” (in italiano, “gancio” o “amo”) è una funzione speciale che permette di aggiungere funzionalità a un componente funzionale.

Un esempio pratico su come utilizzare lo hook useState per creare una semplice todoList automatica.

Un esempio pratico su come utilizzare lo hook useEffect (effetto collaterale) per creare una lista di utenti come effetto successivo al recupero dati dal server tramite fetch API.

Lo hook useContext crea uno stato condiviso tra un componente e l’altro (detto stato di contesto) che ci permette di condividere valori tra più strutture.

Usiamo un Hook useCallback per avviare una richiesta da inviare ad una RESTful API non bloccante tramite fetch di ES6.

Immagina di dover calcolare la somma di tutti gli elementi di un array molto grande, ad esempio 1 milione di elementi. In un componente React, se questo calcolo viene eseguito ad ogni renderizzazione, potrebbe causare un notevole ritardo nell’aggiornamento dell’interfaccia utente.

Se vogliamo modificare lo stato di un elemento nel componente possiamo utilizzare l’hook useRef per identificarlo univocamente senza passare tramite gli ID di HTML.

La modifica dello stato di un componente tramite l’utilizzo di uno stile di programmazione simile alla libreria REDUX.