vercel-react-best-practices

To identify performance bottlenecks in React and Next.js, apply structured code review rules that detect data fetching waterfalls, inefficient server actions, and large bundle imports. This process targets component design and client rendering patterns to isolate specific slowdowns.

The best way to optimize Next.js bundle size during code review is to apply codified, priority-ordered guidelines that evaluate import structures and flag large dependencies. This refactoring method ensures bundle size optimization without breaking existing component functionality.

Fix data fetching waterfalls in React server actions by applying performance-aware implementation templates that restructure data fetching sequences. These templates guide developers through safe refactors, eliminating sequential waits and improving server-side performance.

Yes, you can use these React performance best practices for automated refactoring. The guidelines provide clear guardrails and practical examples that satisfy requirements for disciplined code reviews and safe automated refactoring across data fetching and bundling tasks.

Apply server-side performance optimizations in Next.js when evaluating server actions and data fetching patterns during development or code review. Implementing these optimizations early prevents data waterfalls and reduces client rendering overhead.