react-best-practices

To refactor React components for better performance, apply structured guidelines for re-render optimization, client-side data fetching, and safe rendering patterns to prevent common inefficiencies as your application scales.

To eliminate waterfalls and optimize bundle size in Next.js, apply targeted rules from a comprehensive catalog covering data fetching strategies, caching, and bundle optimization to improve load times and reduce cascading requests.

Yes, you can use these guidelines for automated code reviews and refactoring. The 57 prioritized rules are designed to guide automated tooling prompts, enforce best practices across teams, and improve code generation.

Yes, this catalog covers server-side rendering and client-side data fetching. It includes dedicated categories for server-side performance, client-side data fetching strategies, and advanced patterns to optimize React and Next.js applications.

You should use advanced patterns for JavaScript performance in React when basic refactoring is insufficient. This category provides specialized rules to address complex rendering performance and execution bottlenecks.