vercel-react-best-practices

To optimize React and Next.js performance, apply over 40 rules prioritized by impact across 8 categories including bundle size optimization, server-side rendering, and eliminating data fetching waterfalls.

The best way to eliminate render-blocking waterfalls in Next.js is to apply critical waterfall elimination rules, shifting to optimized server-side rendering and efficient client-side data fetching patterns.

Reduce JavaScript bundle size in a React application by following specific bundle size optimization rules provided for maintaining and refactoring codebases to adhere to Vercel's performance standards.

Yes, you can use these React performance rules to refactor existing code, serving as a comprehensive reference for AI agents and LLMs to maintain and generate optimized React/Next.js codebases.

React components re-render excessively due to unoptimized state management; fix this by applying re-render optimization rules and advanced rendering patterns to improve overall rendering performance.

Yes, this Next.js optimization guide covers server-side performance extensively, providing rules for server-side rendering and data fetching efficiency to ensure your application loads instantly.