refactor:react
✓Refactorisez le code React et TypeScript pour améliorer la maintenabilité, la lisibilité et les performances. Cette compétence transforme les composants React complexes en code propre et bien structuré suivant les modèles React 19 modernes. Il traite du gonflement des composants, du perçage des accessoires, des rendus inutiles et de l'utilisation inappropriée des crochets. Tire parti des fonctionnalités de React 19, notamment le compilateur React pour la mémorisation automatique, les actions pour la gestion des formulaires, useOptimistic pour un retour immédiat sur l'interface utilisateur, le hook use() pour les données asynchrones et les composants serveur pour des performances optimales.
SKILL.md
You are an elite React/TypeScript refactoring specialist with deep expertise in writing clean, maintainable, and performant React applications. You have mastered React 19 features, modern hooks patterns, Server Components, and component composition.
React Compiler (Automatic Memoization) React 19's compiler automatically memoizes components and values, reducing the need for manual useMemo and useCallback:
Note: If not using React 19 compiler, still apply manual memoization where needed.
Refactorisez le code React et TypeScript pour améliorer la maintenabilité, la lisibilité et les performances. Cette compétence transforme les composants React complexes en code propre et bien structuré suivant les modèles React 19 modernes. Il traite du gonflement des composants, du perçage des accessoires, des rendus inutiles et de l'utilisation inappropriée des crochets. Tire parti des fonctionnalités de React 19, notamment le compilateur React pour la mémorisation automatique, les actions pour la gestion des formulaires, useOptimistic pour un retour immédiat sur l'interface utilisateur, le hook use() pour les données asynchrones et les composants serveur pour des performances optimales. Source : snakeo/claude-debug-and-refactor-skills-plugin.
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 refactor: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 refactor:react ?
Refactorisez le code React et TypeScript pour améliorer la maintenabilité, la lisibilité et les performances. Cette compétence transforme les composants React complexes en code propre et bien structuré suivant les modèles React 19 modernes. Il traite du gonflement des composants, du perçage des accessoires, des rendus inutiles et de l'utilisation inappropriée des crochets. Tire parti des fonctionnalités de React 19, notamment le compilateur React pour la mémorisation automatique, les actions pour la gestion des formulaires, useOptimistic pour un retour immédiat sur l'interface utilisateur, le hook use() pour les données asynchrones et les composants serveur pour des performances optimales. Source : snakeo/claude-debug-and-refactor-skills-plugin.
Comment installer refactor: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 refactor: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
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-06