React Best Practices

Vercel's production-grade React and Next.js performance rulebook, organized into 57 specific rules across 8 priority-ranked categories. Use this when writing components, reviewing PRs, or refactoring for performance. It covers the critical stuff first (eliminating waterfalls, bundle optimization) before moving to rendering and re-render optimizations. Each rule has a prefixed name like `async-parallel` or `bundle-barrel-imports` with concrete before/after examples. The priority system is smart: it pushes you toward fixes that actually move the needle on Core Web Vitals rather than micro-optimizations. Good reference for teams that want consistent patterns without bikeshedding every performance decision.

Install to Claude Code

npx -y skills add secondsky/claude-skills --skill react-best-practices --agent claude-code