React Best Practices

A solid compilation of Vercel's React and Next.js performance rules that covers the usual suspects: eliminating request waterfalls, trimming bundle size, optimizing server components. The 45 rules are organized into eight categories with priority levels, which is helpful when you're deciding what to fix first. It bans sequential awaits and barrel file imports, pushes Promise.all for parallel fetching, and enforces RSC boundary discipline. The rule naming convention with prefixes like async-, bundle-, server- makes it easy to reference during reviews. If you're already familiar with modern React patterns, nothing groundbreaking here, but having it codified as a skill means Claude will actually enforce these practices instead of just nodding along when you ask about performance.

Install to Claude Code

npx -y skills add supercent-io/skills-template --skill react-best-practices --agent claude-code