vercel-react-best-practices

React and Next.js performance best practices include 57 actionable rules across 8 categories covering server-side rendering, data fetching, and bundle optimization to help engineers write faster UI code and avoid common bottlenecks.

To optimize a Next.js page for LCP and TTI, apply standardized performance guidelines to identify critical bottlenecks in data fetching and bundle size, then implement the recommended patterns for faster loading.

Yes, you can use these React performance guidelines during code reviews to quickly assess performance concerns, identify common bottlenecks, and ensure adherence to standardized optimization patterns across your project.

React component patterns that avoid performance bottlenecks include standardized rules for data fetching, bundle optimization, and server-side rendering, providing actionable examples to implement reliable and faster UI code.

To start applying Next.js bundle optimization rules, read the Quick Start section to identify common performance patterns, then implement the actionable rules provided across the 8 categories to refactor your frontend project.