𝐂𝐨𝐦𝐩𝐫𝐞𝐧𝐝𝐫𝐞 𝐮𝐬𝐞𝐄𝐟𝐟𝐞𝐜𝐭 𝐞𝐭 𝐬𝐞s 𝐝𝐞́𝐩𝐞𝐧𝐝𝐚𝐧𝐜𝐞𝐬 ☕️🤔"

Récemment, face à un composant React, je me suis retrouvé en pleine confusion. Tout semblait en ordre, mais un bout de code semblait tourner inlassablement en boucle. Après une bonne tasse de café et quelques recherches, j'ai réalisé que la réponse était cachée dans une petite nuance de la documentation de React.

🚀 𝐏𝐞𝐭𝐢𝐭𝐞 𝐥𝐞𝐜̧𝐨𝐧 𝐬𝐮𝐫 𝐑𝐞𝐚𝐜𝐭 𝐇𝐨𝐨𝐤𝐬 : 𝐂𝐨𝐦𝐩𝐫𝐞𝐧𝐝𝐫𝐞 𝐮𝐬𝐞𝐄𝐟𝐟𝐞𝐜𝐭 𝐞𝐭 𝐬𝐞𝐬 𝐝𝐞́𝐩𝐞𝐧𝐝𝐚𝐧𝐜𝐞𝐬

Le hook useEffect est vraiment puissant, mais comme avec toute grande puissance, vient une grande responsabilité ! En particulier, lorsqu'il s'agit de ses dépendances.

🔹 𝐓𝐚𝐛𝐥𝐞𝐚𝐮 𝐯𝐢𝐝𝐞 [] : L'effet ne sera exécuté qu'𝐔𝐍𝐄 𝐬𝐞𝐮𝐥𝐞 𝐟𝐨𝐢𝐬, juste après le premier rendu du composant. Pour ceux qui ont une expérience avec les composants basés sur les classes, c'est un équivalent de 𝒄𝒐𝒎𝒑𝒐𝒏𝒆𝒏𝒕𝑫𝒊𝒅𝑴𝒐𝒖𝒏𝒕.

🔹 𝐀𝐯𝐞𝐜 𝐝𝐞𝐬 𝐯𝐚𝐥𝐞𝐮𝐫𝐬 [𝐯𝐚𝐥𝐮𝐞𝟏, 𝐯𝐚𝐥𝐮𝐞𝟐]: L'effet se déclenchera chaque fois qu'une des valeurs spécifiées subira un changement. C'est un moyen efficace de garder un œil sur des modifications spécifiques d'état ou de props.

📌 𝐀𝐬𝐭𝐮𝐜𝐞 : Omettre de spécifier les dépendances signifie que l'effet s'exécutera après chaque rendu du composant. Un piège dans lequel il est facile de tomber !

Alors, chers #développeurs, #architecte, #DevOps , n'oublions jamais la valeur de prendre du recul, de revenir aux bases et de consulter la documentation. Si vous avez des anecdotes similaires ou des questions sur useEffect, je serais ravi d'en discuter ci-dessous. ✍️

#React #Hooks #useEffect #DeveloppementWeb #AstucesDeCodage #mybugtoday alter-text

Related Posts

𝐂𝐨𝐦𝐩𝐫𝐞𝐧𝐝𝐫𝐞 `𝐮𝐬𝐞𝐄𝐟𝐟𝐞𝐜𝐭` 𝐞𝐭 𝐬𝐞s 𝐝𝐞́𝐩𝐞𝐧𝐝𝐚𝐧𝐜𝐞𝐬 ☕️🤔"

Récemment, face à un composant React, je me suis retrouvé en pleine confusion. Tout semblait en ordre, mais un bout de code semblait tourner inlassablement en boucle. Après une bonne tasse de café et quelques ...

Lire plus ...