react-best-practices

To optimize React rendering and reduce bundle size, apply curated rules for component design, data fetching strategies, and bundle optimization. This enforces standardized templates and metadata scaffolding to drive consistent performance improvements across your project.

Next.js data fetching best practices involve applying concrete rules for server actions and data fetching patterns. These guidelines prioritize high-impact optimizations to reduce rendering bottlenecks and guide writing, reviewing, or refactoring code in Next.js pages.

Yes, these React performance rules support automated code generation and refactoring. By enforcing metadata scaffolding and category-based prioritization, the guidelines provide tooling guidance to enable safe, consistent improvements during automated code reviews.

There are over 64 performance rules available for React and Next.js optimization, organized across 8 categories. These rules prioritize high-impact optimizations for rendering, data fetching, and bundling to help shrink bundle sizes and boost render speed.

The best way to audit a React codebase for performance bottlenecks is to apply top-priority rules from a curated set of over 64 items. This identifies rendering bottlenecks and data fetching issues, driving consistent performance improvements through standardized templates.