Effets dans React

Avant d'examiner l'utilisation du hook useEffect, nous devons comprendre ce que sont les effets dans React.

Les effets ou effets secondaires (side effects) sont des actions supplémentaires permettant à un composant de se connecter et de se synchroniser avec des systèmes externes.

Par systèmes externes, on entend les morceaux de code ou d'application qui ne sont pas contrôlés par React. Cela inclut le travail avec le réseau, le DOM du navigateur, les animations, les widgets écrits en utilisant des bibliothèques UI tierces, et d'autres applications non créées avec React.

Les effets permettent d'exécuter du code après le rendu, offrant ainsi la possibilité de synchroniser votre composant avec de tels systèmes en dehors de React.

Les effets peuvent s'exécuter lors de la première représentation du composant, lors du changement d'une valeur observée ou lorsque le cycle de vie du composant est terminé.

Il faut se rappeler que les effets sont une sorte de trappe "de secours" pour sortir de React, il ne faut pas en abuser.