Hooks in React

In questa lezione inizieremo a familiarizzare con gli hooks. Li abbiamo già incontrati quando studiavamo gli stati - lì abbiamo imparato a lavorare con l'hook di stato useState.

In generale, gli hooks sono normali funzioni JavaScript, i cui nomi iniziano con la parola 'use'.

Gli hooks ci permettono di utilizzare gli stati e altre funzionalità di React senza usare le classi. Essi facilitano il riutilizzo del codice per varie esigenze, nonché il suo testing e aiutano a scomporre componenti complessi in funzioni più semplici in base alla loro funzione. Alcuni hooks sono persino in grado di sostituire le funzionalità di Redux. Inoltre, gli hooks aiutano a migliorare le prestazioni dell'applicazione.

Se vuoi utilizzare gli hooks, segui due regole principali. Primo, usali solo al livello superiore - non richiamarli all'interno di cicli, istruzioni condizionali o funzioni annidate. Secondo, gli hooks devono essere chiamati solo da funzioni React (da componenti React o da hooks personalizzati), ma non da normali funzioni JavaScript.

Un altro errore commesso dagli sviluppatori è l'uso incontrollato degli hooks nel codice. Prima di utilizzare un hook, assicurati che sia veramente necessario.

Nella prossima lezione esamineremo i tipi di hooks.