Agent Skills
Claude Code Skill
React Best Practices
Comprehensive React and Next.js performance optimization guide sourced from Vercel Engineering. Contains 40+ rules across 8 categories, each prioritized by impact level from CRITICAL to LOW. Designed for maintaining, generating, or refactoring React and Next.js codebases with maximum performance.
Key Features
Eliminating waterfalls with dependency-based parallelization (CRITICAL)
Bundle size optimization via tree-shaking, code splitting, dynamic imports (CRITICAL)
Server Components and streaming for server-side performance (HIGH)
Optimistic updates and prefetching for client-side data (HIGH)
Re-render optimization with memoization and state colocation (MEDIUM)
Advanced patterns for rendering and JavaScript micro-optimizations