react-best-practices
✓Guide complet des meilleures pratiques React et Next.js couvrant l'optimisation des performances, l'architecture des composants, les modèles shadcn/ui, les animations Motion et les modèles React 19+ modernes. Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js. Déclencheurs sur des tâches impliquant des composants React, des pages Next.js, la récupération de données, des composants d'interface utilisateur, des animations ou des améliorations de la qualité du code.
Installation
SKILL.md
Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |
| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/dedalus-erp-pas/foundation-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 ?
Guide complet des meilleures pratiques React et Next.js couvrant l'optimisation des performances, l'architecture des composants, les modèles shadcn/ui, les animations Motion et les modèles React 19+ modernes. Cette compétence doit être utilisée lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js. Déclencheurs sur des tâches impliquant des composants React, des pages Next.js, la récupération de données, des composants d'interface utilisateur, des animations ou des améliorations de la qualité du code. Source : dedalus-erp-pas/foundation-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/dedalus-erp-pas/foundation-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/dedalus-erp-pas/foundation-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01