vercel-react-best-practices

To optimize React performance, apply 45 prioritized rules across 8 categories during code review to identify critical bottlenecks, prevent data fetching waterfalls, and reduce client bundle size. This enforces category-driven guidelines for high-performance implementations.

Vercel best practices for React server components involve applying category-driven rules to optimize server and client interactions. This prevents inefficient data fetching patterns by enforcing parallel data fetching and deferring waterfalls to maximize performance.

Review React code for performance bottlenecks by applying concrete examples and checks from 45 consolidated industry rules. Identify critical bottlenecks, enforce category-driven rules, and execute guided refactoring to prevent regressions and bloated bundles.

Yes, you can use these performance guidelines to refactor existing React components. The guidelines provide explicit prompts and examples for automated or guided refactoring of pages, components, and data-fetching patterns to maximize performance.

The best way to start improving React and Next.js performance is to target a slow page or component, identify the highest impact category from the rule set, and apply the corresponding guidelines to implement immediate improvements like reducing bundle size.