react-best-practices

Fix React data fetching waterfalls and reduce bundle size by applying best-practice rules for parallel data fetching, server components, and build pipeline deduplication. These rules provide structured checklists to identify and mitigate performance bottlenecks across server and client components.

Optimize React re-renders and server-side rendering performance by applying targeted memoization rules and rendering performance patterns. The guidelines cover client-side deduplication and JavaScript micro-optimizations to eliminate unnecessary component re-renders.

You can use these React performance rules during codebase refactoring and engineering reviews. The 57 rules include decision trees and real-world patterns designed specifically for performance reviews and debugging slow React and Next.js production codebases.

Start React performance optimization by reviewing the top-priority waterfall and bundle-size guidelines. Apply the structured checklists during feature development to systematically eliminate bottlenecks across server components, client components, and build pipelines.

Advanced patterns for mitigating slow React and Next.js performance include eliminating waterfalls, optimizing data fetching, and applying JavaScript micro-optimizations. The rules cover concrete tooling guidance for rendering performance and client-side deduplication.

Next.js apps experience bloated bundles and slow server-side rendering due to unoptimized data fetching and waterfall bottlenecks. Apply best-practice rules covering bundle size reduction and server-side performance optimization to identify and resolve these issues.