react
Installation
SKILL.md
React v19 Best Practices (Vite SPA)
Performance optimization guide for React v19 applications, adapted from Vercel's react-best-practices.
Key Principle: These rules are ordered by impact. Fix CRITICAL issues first.
Rule Categories by Priority
| Priority | Category | Impact | Focus |
|---|---|---|---|
| 1 | Eliminating Waterfalls | CRITICAL | Parallel async operations |
| 2 | Bundle Size | CRITICAL | Dynamic imports, barrel files |
| 3 | Re-render Optimization | MEDIUM | memo, state, dependencies |
| 4 | Rendering Performance | MEDIUM | CSS, DOM, hydration |
| 5 | JavaScript Performance | LOW-MEDIUM | Data structures, loops |
| 6 | Advanced Patterns | LOW | Event handlers, refs |