react-best-practices
✓Directives d'optimisation des performances React de Vercel Engineering. Cette compétence doit être utilisée de manière proactive lors de l'écriture, de la révision ou de la refactorisation du code React afin de garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, l'optimisation du bundle ou l'amélioration des performances.
Installation
SKILL.md
Comprehensive performance optimization guide for React applications, adapted from Vercel Engineering. Contains 30 rules across 7 categories, prioritized by impact to guide automated refactoring and code generation.
Note: This version has been customized for pure React 19.2: Server-side data fetching and SWR rules removed (project uses react-query) Next.js-specific rules removed (next/dynamic, SSR hydration, etc.) React Compiler is enabled - Memoization rules (memo, useMemo, useCallback) removed as the compiler handles this automatically
| 1 | Eliminating Waterfalls | CRITICAL | async- | | 2 | Bundle Size Optimization | CRITICAL | bundle- | | 3 | Client-Side Patterns | MEDIUM-HIGH | client- | | 4 | Re-render Optimization | MEDIUM | rerender- | | 5 | Rendering Performance | MEDIUM | rendering- | | 6 | JavaScript Performance | LOW-MEDIUM | js- | | 7 | Advanced Patterns | LOW | advanced- |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/lgariv-dn/frontend-skills --skill react-best-practices- 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-best-practices ?
Directives d'optimisation des performances React de Vercel Engineering. Cette compétence doit être utilisée de manière proactive lors de l'écriture, de la révision ou de la refactorisation du code React afin de garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, l'optimisation du bundle ou l'amélioration des performances. Source : lgariv-dn/frontend-skills.
Comment installer react-best-practices ?
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/lgariv-dn/frontend-skills --skill react-best-practices 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/lgariv-dn/frontend-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01