https://cegepmv.github.io/420-211/4-communication-externe/2-side-effects/index.htmlDans React, lorsqu’on souhaite récupérer des données externes (par exemple depuis une API), on ne doit pas le faire directement dans le corps du component, car celui-ci peut être réexécuté plusieurs fois. La bonne pratique consiste à utiliser le hook useEffect, qui permet d’exécuter une action après le rendu initial du composant (et à chaque mise à jour si on le souhaite). Exemple inadéquat : appel direct dans le component fetch("https://pokeapi.co/api/v2/pokemon/pikachu") .then(res => res.json()) .then(data => console.log(data)) // déclenché à chaque render ! Le hook useEffect permet d’exécuter une fonction après le rendu du composant, et d’en contrôler la fréquence d’exécution.Hugofr-fr