vercel-react-best-practices

To optimize React and Next.js performance during code review, apply 57 codified rules across 8 categories covering data fetching, server actions, and rendering to identify bottlenecks and guide refactoring.

Best practices for eliminating data fetching waterfalls in Next.js involve applying specific rules from this guide that prioritize parallel data fetching and optimize server actions to prevent sequential rendering bottlenecks.

Reduce JavaScript bundle size when refactoring React components by following concrete guidelines for bundle size reduction and rendering optimizations provided across 57 high-impact rules.

You can use these React optimization rules for writing new components, reviewing existing code, and refactoring tasks, providing concrete examples across data-fetching, bundling, and rendering scenarios.

For Next.js pages, apply rendering optimizations and server action guidelines detailed in the 8 priority categories, which provide concrete examples for improving page load performance and JS execution.