react-best-practices · Vercel Labs
React Best Practices
Wendet priorisierte React- und Next.js-Empfehlungen beim Schreiben und Prüfen von Code an.
Originale Skill-Anweisungen
Die technische Vorlage bleibt auf Englisch, damit sie direkt mit den unterstützten Coding-Agenten funktioniert. Erklärung, Auswahlhilfe und Prüfschritte sind lokalisiert.
Installation
npx skills add vercel-labs/agent-skills --skill react-best-practices
Agent Skills CLI
Geeignet für
- New React component work
- Next.js data-fetching reviews
- Performance-focused refactors
Was der Skill verändert
- 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.
Empfohlener Ablauf
- 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.
Vor der Freigabe prüfen
- 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.