vercel-react-best-practices

Apply Vercel's React and Next.js performance rules when writing, reviewing, or refactoring frontend code. It covers async waterfalls, bundle size, server performance, client data fetching, re-render reduction, rendering, JavaScript hot paths, and advanced React patterns.

Use it when

• A task touches React components, Next.js pages, data fetching, bundle size, or performance.
• You are reviewing a UI diff and need a performance rubric.
• You are refactoring rendering or state code.

What it helps solve

• Improves frontend performance during normal feature work.
• Helps spot slow loading, oversized bundles, unnecessary re-renders, and avoidable waits.
• Gives PR reviews a practical React and Next.js performance lens.

Use it when performance matters or a UI change feels heavier than it should.