react-useeffect-audit
✓Identifiez et corrigez l’utilisation inutile de useEffect dans le code React. À utiliser lors de l'examen du code React qui utilise Effects, lorsqu'on lui demande d'optimiser les composants React, lorsqu'on voit des modèles tels que "useEffect + setState", lorsque les utilisateurs posent des questions sur les meilleures pratiques d'Effet ou lors de la refactorisation du code React. Aide à éliminer les rendus redondants et à simplifier la logique des composants.
Installation
SKILL.md
Effects are an escape hatch for synchronizing with external systems (DOM, network, third-party widgets). If no external system is involved, you likely don't need an Effect.
| Transform data for rendering | No | Calculate during render | | Handle user events | No | Event handler | | Cache expensive calculations | No | useMemo | | Reset state when props change | No | key prop | | Adjust state based on props | No | Calculate during render | | Chain of state updates | No | Single event handler |
| Notify parent of state change | No | Call parent in event handler | | Initialize app (once) | No | Module-level code | | Subscribe to external store | No | useSyncExternalStore | | Fetch data on mount/change | Yes | With cleanup; prefer framework |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/mpoc/skills --skill react-useeffect-audit- Source
- mpoc/skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que react-useeffect-audit ?
Identifiez et corrigez l’utilisation inutile de useEffect dans le code React. À utiliser lors de l'examen du code React qui utilise Effects, lorsqu'on lui demande d'optimiser les composants React, lorsqu'on voit des modèles tels que "useEffect + setState", lorsque les utilisateurs posent des questions sur les meilleures pratiques d'Effet ou lors de la refactorisation du code React. Aide à éliminer les rendus redondants et à simplifier la logique des composants. Source : mpoc/skills.
Comment installer react-useeffect-audit ?
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/mpoc/skills --skill react-useeffect-audit 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/mpoc/skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01