vercel-react-best-practices

To identify and fix React and Next.js performance bottlenecks, apply a curated set of optimization rules across component design, data fetching, and server-side rendering to enforce scalable improvements.

The best way to optimize Next.js bundle size is to apply prioritized bundle optimization rules that evaluate component imports and data flows to reduce overall JavaScript payload.

Server-side rendering affects Next.js performance by shifting render load to the server, requiring specific server-side performance rules to prevent bottlenecks and ensure fast page loads.

To eliminate data fetching waterfalls in React components, apply targeted client-side data fetching rules that restructure asynchronous requests to load in parallel.

Yes, you can automate React re-render optimization during code reviews using automation-friendly guidelines that evaluate component rendering patterns and suggest refactoring prompts.

Rule-based guidelines for React performance are limited to known architectural patterns, meaning they cannot detect novel bottlenecks outside their eight predefined optimization categories.