·debug:react

Déboguez systématiquement les problèmes de React. À utiliser lorsque vous rencontrez des erreurs de composants telles que « Impossible de lire la propriété d'undéfini », des boucles de rendu infinies avec « Trop de nouveaux rendus », des fermetures obsolètes dans les hooks, des avertissements de prop clés, des fuites de mémoire avec useEffect, des inadéquations d'hydratation dans les applications SSR/SSG, des violations des règles de hook, des avertissements de dépendance manquants ou des goulots d'étranglement de performances. Couvre les composants fonctionnels, les hooks et les modèles React 18/19 modernes, y compris les composants serveur et les fonctionnalités simultanées.

16Installations·0Tendance·@snakeo

Installation

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react

SKILL.md

A systematic approach to debugging React applications, covering common error patterns, modern debugging tools, and step-by-step resolution strategies.

"Cannot read property of undefined" / "TypeError: X is undefined"

Cause: State updates triggering renders that trigger more state updates.

Déboguez systématiquement les problèmes de React. À utiliser lorsque vous rencontrez des erreurs de composants telles que « Impossible de lire la propriété d'undéfini », des boucles de rendu infinies avec « Trop de nouveaux rendus », des fermetures obsolètes dans les hooks, des avertissements de prop clés, des fuites de mémoire avec useEffect, des inadéquations d'hydratation dans les applications SSR/SSG, des violations des règles de hook, des avertissements de dépendance manquants ou des goulots d'étranglement de performances. Couvre les composants fonctionnels, les hooks et les modèles React 18/19 modernes, y compris les composants serveur et les fonctionnalités simultanées. Source : snakeo/claude-debug-and-refactor-skills-plugin.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-06
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que debug:react ?

Déboguez systématiquement les problèmes de React. À utiliser lorsque vous rencontrez des erreurs de composants telles que « Impossible de lire la propriété d'undéfini », des boucles de rendu infinies avec « Trop de nouveaux rendus », des fermetures obsolètes dans les hooks, des avertissements de prop clés, des fuites de mémoire avec useEffect, des inadéquations d'hydratation dans les applications SSR/SSG, des violations des règles de hook, des avertissements de dépendance manquants ou des goulots d'étranglement de performances. Couvre les composants fonctionnels, les hooks et les modèles React 18/19 modernes, y compris les composants serveur et les fonctionnalités simultanées. Source : snakeo/claude-debug-and-refactor-skills-plugin.

Comment installer debug:react ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:react Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin