react-best-practices

To identify and fix React performance bottlenecks, map your project's issues to 57 optimization rules across eight sections, prioritizing the elimination of waterfalls, bundle size reduction, and micro-optimizations.

The best way to eliminate data fetching waterfalls in Next.js is applying practical patterns for parallel data fetching and server actions, guided by the top-priority optimization rules from Section 1.

Optimize React re-renders and reduce bundle size by applying targeted rules for client-side deduplication, rendering efficiency, and bundle optimization, using provided concrete code examples.

JavaScript micro-optimizations in a React project should be used after addressing data waterfalls and bundle size reduction, following the prioritized guidance to resolve remaining runtime performance issues.

Yes, this React optimization guidance includes a decision tree and validation checklist to map performance bottlenecks to targeted improvements across development, build, and runtime behaviors.

Yes, you can use these rules to improve server-side and client-side performance through specific patterns for server actions, client-side deduplication, and server-client interaction optimizations.