react-performance

To optimize React rendering and reduce bundle size, apply a rule-based guide covering memoization, code-splitting, and caching to improve render times and avoid async waterfalls.

The best way to audit React performance during code review is running a rule-based optimization guide checking eight categories including server-side rendering, re-renders, and layout optimization to generate a prioritized task list.

Slow initial load and poor Time to Interactive in Next.js apps often stem from unoptimized async waterfalls, large bundle sizes, and inefficient server-side rendering paths.

To fix React re-renders using memoization and code-splitting, apply standard tooling guided by a rule-based optimization system enforcing specific render path and bundle size rules.

Yes, this React performance optimization guide works for both client-side and server-side rendering, enforcing rules across both render paths to optimize modern web apps comprehensively.