react-best-practices
Installation
SKILL.md
Vercel React Best Practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 64 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
Rule Categories by Priority
| Priority | Category | Impact | Prefix | Reference |
|---|---|---|---|---|
| 1 | Eliminating Waterfalls | CRITICAL | async- |
references/eliminating-waterfalls.md |
| 2 | Bundle Size Optimization | CRITICAL | bundle- |
references/bundle-size.md |
| 3 | Server-Side Performance | HIGH | server- |
references/server-performance.md |
| 4 | Client-Side Data Fetching | MEDIUM-HIGH | client- |
references/client-data-fetching.md |
| 5 | Re-render Optimization | MEDIUM | rerender- |
references/rerender-optimization.md |
| 6 | Rendering Performance | MEDIUM | rendering- |
references/rendering-performance.md |
| 7 | JavaScript Performance | LOW-MEDIUM | js- |
references/javascript-performance.md |
| 8 | Advanced Patterns | LOW | advanced- |
references/advanced-patterns.md |