react-best-practices

To optimize React and Next.js performance, apply a comprehensive set of 58 rules across 8 categories covering server components, bundle size, and rendering. This enforces consistent performance considerations during code generation and refactoring tasks.

Best practices for reducing bundle size and eliminating waterfalls involve applying specific rules for client-side data fetching and server-side performance. This provides targeted patterns to resolve waterfalls and optimize bundle delivery in large-scale applications.

Yes, you can use these React performance rules for code reviews in large-scale applications. The rules provide examples and patterns specifically designed to improve rendering stability and maintainability as your project scales.

Applying server components and re-render optimization rules improves frontend performance by enforcing requirements described in frontmatter. It guides you through advanced patterns and JavaScript performance techniques to stabilize rendering and enhance server-side execution.

React and Next.js projects typically face performance regressions in categories like eliminating waterfalls, bundle size, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns.