react-best-practices · Vercel Labs
Bonnes pratiques React
Applique des recommandations React et Next.js prioritaires pendant l’écriture ou la revue du code.
Instructions originales de la skill
Le modèle technique reste en anglais afin de fonctionner directement avec les agents compatibles. Les explications, critères de choix et vérifications sont localisés.
Installation
npx skills add vercel-labs/agent-skills --skill react-best-practices
Agent Skills CLI
Idéal pour
- New React component work
- Next.js data-fetching reviews
- Performance-focused refactors
Ce que la skill apporte
- Prioritizes high-impact problems such as request waterfalls and excessive client work.
- Provides focused rules for rendering, bundling, data access, and component behavior.
- Helps an agent explain why a performance change matters before editing code.
Workflow conseillé
- Identify the rendering path and the highest-impact performance risks.
- Load only the rules relevant to the current component or route.
- Make scoped changes and verify behavior, types, and production output.
Points à vérifier avant validation
- Measure before and after when a performance claim affects architecture.
- Do not trade correctness or accessibility for a micro-optimization.
- Confirm recommendations match the React and Next.js versions in the project.