vercel-react-best-practices

To optimize React and Next.js performance during a code review, apply Vercel Engineering's best practices spanning 45 rules across 8 categories, targeting waterfall elimination, bundle size reduction, and suboptimal rendering patterns.

The best way to eliminate data fetching waterfalls in Next.js is to implement parallel data fetching and apply advanced performance patterns from Vercel Engineering guidelines, ensuring faster and more reliable server-side and client experiences.

You can reduce bundle size in a React application by applying structured, rule-based bundle optimization techniques. This involves auditing components for performance bottlenecks and enforcing automated refactoring guidance to eliminate large bundles.

Yes, this approach works for both server-side rendering and client data fetching. It provides end-to-end performance patterns across server and client environments, covering server-side performance, client data fetching, and re-render optimization.

You need to apply re-render optimization in React when experiencing suboptimal rendering performance. Utilizing rule-based guidance helps identify and refactor inefficient rendering patterns, ensuring stable UI and improved JavaScript performance.

Yes, you can use these best practices to refactor existing React components. The structured, rule-based approach guides automated refactoring and code generation to improve performance across server and client execution.