react-best-practices

To audit React performance, apply codified rules covering rendering, data fetching, and bundle optimization. This reference provides 70 automated guidelines across 8 categories with concrete before/after examples to identify and refactor inefficient patterns.

Handling useEffect dependencies and memoization requires enforcing safe patterns and guardrails for edge cases. This reference codifies specific rules with before/after examples to ensure correct dependency arrays and optimal rendering strategies.

Yes, this React performance guide covers Next.js server components and server actions. It includes specific considerations and codified rules for server-side rendering strategies and data fetching patterns typical in Next.js projects.

Yes, you can use these best practices for AI-assisted code generation workflows. The reference provides a practical, automated guide that acts as guardrails, ensuring generated React and Next.js code follows performance optimization rules.

Knowing when not to use React memoization and code-splitting involves checking edge case guardrails. This reference enforces safe patterns by codifying 70 rules, preventing misuse of optimization techniques like Suspense and memoization.