react-performance-optimizer
✓Optimisez les applications React pour des performances de 60 ips. Implémente la mémorisation, la virtualisation, le fractionnement de code, l'optimisation des bundles. À utiliser pour les rendus lents, les grandes listes et les ballonnements. Activez sur "Performances React", "rendu lent", "useMemo", "taille du bundle", "virtualisation". PAS pour l'optimisation du backend, les frameworks non React ou l'optimisation prématurée.
Installation
SKILL.md
Expert in diagnosing and fixing React performance issues to achieve buttery-smooth 60fps experiences.
| React DevTools Profiler | Find slow components | Always start here | | Lighthouse | Overall performance score | Before/after comparison | | webpack-bundle-analyzer | Identify large dependencies | Bundle >500KB | | why-did-you-render | Unnecessary re-renders | Debug re-render storms | | React Compiler (2024+) | Automatic memoization | React 19+ |
Why wrong: Arrow function creates new reference → React.memo useless.
Optimisez les applications React pour des performances de 60 ips. Implémente la mémorisation, la virtualisation, le fractionnement de code, l'optimisation des bundles. À utiliser pour les rendus lents, les grandes listes et les ballonnements. Activez sur "Performances React", "rendu lent", "useMemo", "taille du bundle", "virtualisation". PAS pour l'optimisation du backend, les frameworks non React ou l'optimisation prématurée. Source : erichowens/some_claude_skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/erichowens/some_claude_skills --skill react-performance-optimizer- 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-performance-optimizer ?
Optimisez les applications React pour des performances de 60 ips. Implémente la mémorisation, la virtualisation, le fractionnement de code, l'optimisation des bundles. À utiliser pour les rendus lents, les grandes listes et les ballonnements. Activez sur "Performances React", "rendu lent", "useMemo", "taille du bundle", "virtualisation". PAS pour l'optimisation du backend, les frameworks non React ou l'optimisation prématurée. Source : erichowens/some_claude_skills.
Comment installer react-performance-optimizer ?
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/erichowens/some_claude_skills --skill react-performance-optimizer 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/erichowens/some_claude_skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01