vercel-react-best-practices

To optimize React and Next.js performance during code review, apply a structured set of prioritized rules across eight domains including waterfalls, bundle size, server-side rendering, and re-rendering. This helps identify and eliminate performance bottlenecks systematically.

Best practices for reducing bundle size and eliminating data fetching waterfalls involve applying prioritized rules for client-side fetching and server-side rendering. This structured approach ensures efficient data loading patterns and minimized JavaScript payloads.

Fixing React component re-rendering issues and rendering waterfalls requires applying targeted optimization rules. These rules address inefficient rendering patterns and client-side data fetching strategies to prevent unnecessary component updates and cascading loads.

Yes, this React performance guidance applies to both new component development and refactoring. It provides practical rules for writing efficient code from scratch and auditing existing frontend applications to improve overall user experience.

Auditing a Next.js application for server-side rendering and JavaScript performance issues involves checking against 57 prioritized optimization rules. These rules cover eight categories including advanced patterns to systematically resolve frontend slowdowns.