Vercel React Best Practices

A solid reference for React and Next.js performance work, organized by impact so you know what actually matters. The 45 rules span eight categories, from critical waterfall elimination and bundle optimization down to minor JavaScript tweaks. What's useful here is the prioritization: it starts with async patterns and barrel import issues that tank performance, then moves through server-side caching, client fetching with SWR, re-render optimization, and rendering tricks. Each rule includes before/after examples. Use this when writing new components, reviewing PRs, or hunting down why your app feels slow. The categories make it easy to focus on high-impact changes first instead of bikeshedding over premature optimizations.

Install to Claude Code

npx -y skills add am-will/codex-skills --skill vercel-react-best-practices --agent claude-code