Effetti in React

Prima di considerare l'applicazione dell'hook useEffect, dobbiamo capire, cosa sono gli effetti in React.

Effetti o effetti collaterali (side effects) sono azioni aggiuntive che permettono a un componente di connettersi e sincronizzarsi con sistemi esterni.

Per sistemi esterni si intendono quei pezzi di codice o applicazioni, che non sono controllati da React. Ciò include il lavoro con la rete, il DOM del browser, le animazioni, i widget scritti utilizzando librerie UI di terze parti, e altre applicazioni non create con React.

Gli effetti permettono di eseguire codice dopo il rendering, dando così la possibilità di sincronizzare il tuo componente con sistemi al di fuori di React.

Gli effetti possono essere eseguiti nei momenti della prima renderizzazione del componente, nel momento del cambio di un valore osservato o quando il ciclo di vita del componente è terminato.

Bisogna ricordare che gli effetti sono una sorta di botola di emergenza per uscire da React, non bisogna abusarne.