Pièges courants : fermetures obsolètes et dépendances manquantes

Objectif : Repérer et corriger deux problèmes courants : les fermetures obsolètes (l’effet voit d’anciennes valeurs) et les dépendances manquantes (l’effet ne se réexécute pas quand il le devrait).

Une fermeture obsolète se produit lorsqu’une fonction (minuteur ou écouteur) capture une valeur ancienne d’un rendu précédent.

• L’effet ne voit pas l’état le plus récent
• Le minuteur s’incrémente incorrectement

Cet intervalle capture un ancien compteur ; il ne voit jamais les mises à jour, car l’effet possède une liste de dépendances vide.

Deux corrections simples :

• Ajouter des dépendances pour que l’effet se réexécute avec des valeurs à jour.
• Mise à jour fonctionnelle : setCount(c => c + 1) lit l’état le plus récent dans les minuteurs et les écouteurs.

Utilisez la mise à jour fonctionnelle afin que la fonction de rappel reçoive toujours la valeur la plus récente ; conservez le nettoyage pour effacer le minuteur.

Les dépendances manquantes empêchent les effets de prendre en compte les mises à jour. Liste de vérification :

• Répertoriez chaque valeur réactive utilisée à l’intérieur
• Pour les fonctions de mise à jour, privilégiez les mises à jour fonctionnelles
• Pour les fonctions de rappel stables, définissez-les dans l’effet ou mémorisez-les si nécessaire

Récapitulatif : Les fermetures obsolètes proviennent de fonctions de rappel qui capturent d’anciennes valeurs. Corrigez-les en ajoutant les bonnes dépendances ou en utilisant la mise à jour fonctionnelle. Conservez les nettoyages pour les minuteurs et les écouteurs.