react-best-practices · Vercel Labs
Buenas prácticas de React
Aplica recomendaciones prioritarias de React y Next.js al escribir o revisar código.
Instrucciones originales de la skill
La plantilla técnica se mantiene en inglés para usarla directamente con los agentes compatibles. La explicación, selección y comprobaciones están localizadas.
Instalación
npx skills add vercel-labs/agent-skills --skill react-best-practices
Agent Skills CLI
Ideal para
- New React component work
- Next.js data-fetching reviews
- Performance-focused refactors
Qué cambia esta skill
- 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.
Flujo recomendado
- 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.
Qué revisar antes de confiar
- 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.