React Best Practices

This is Vercel's measurement-first approach to React and Next.js performance work. It triages problems into six buckets (waterfalls, bundle weight, RSC boundaries, rerenders, hydration, measurement gaps) before suggesting fixes, so you're not cargo-culting memoization when the real issue is a 200ms barrel import or three sequential fetches that should run in parallel. The 45-rule catalog covers everything from Promise.all patterns to content-visibility for long lists, but the workflow pushes you to profile first and route non-React bottlenecks to adjacent skills. If you're refactoring a slow App Router page or debugging why a client component ships 800kb of Lucide icons, this gives you the checklist and priority order.

Install to Claude Code

npx -y skills add akillness/oh-my-skills --skill react-best-practices --agent claude-code