vercel-react-best-practices

To optimize React and Next.js performance during a code review, apply 57 priority-based rules targeting waterfalls, bundle size, data fetching, and rendering. Review your codebase against the highest-priority guidelines and start applying recommended optimizations.

The best way to reduce bundle size is applying specific best practices and guardrails for bundle optimization. Identify large bundles and inefficient server/client data flows, then refactor using proven patterns to eliminate bottlenecks.

Fix data fetching waterfalls in React by applying targeted best practices for server and client data fetching. These rules optimize data flows across components, eliminating sequential requests and reducing common bottlenecks.

Yes, you can use these React performance rules for tooling automation. The 57 rules are organized by priority across 8 categories, specifically designed to guide refactors, reviews, performance audits, and automation workflows.

You need Next.js performance best practices for refactoring when your UI suffers from slow rendering, large bundles, or inefficient data flows. Apply the 57 opinionated rules during component creation and performance audits to write faster, more reliable code.