react-best-practices

To optimize React and Next.js performance, apply a structured, rule-based approach to fix bottlenecks like waterfall requests, bundle bloat, and rendering inefficiencies across server and client contexts.

The best way to eliminate data fetching waterfalls is to parallelize data fetches and safely defer non-critical work, reducing initial load times and improving startup performance.

Reduce React bundle size by applying actionable rules for code-splitting and automated refactoring, driving down initial load times by removing unnecessary client-side JavaScript.

Fix unnecessary re-renders by applying targeted rendering optimization rules and advanced patterns when writing, reviewing, and refactoring performance-sensitive React components.

Yes, the optimization approach works for both server-side and client-side contexts, covering server-side performance, client-side data fetching, and rendering performance comprehensively.

Use advanced patterns for React rendering performance when basic code-splitting and re-render optimization are insufficient to resolve complex bottlenecks in performance-sensitive components.