React Best Practices

Performance optimization guide for React and Next.js applications, encapsulating 10+ years of optimization patterns.

When to Use

• Auditing React/Next.js codebases for performance issues
• Fixing bundle size problems
• Eliminating render waterfalls
• Optimizing re-renders
• Implementing proper caching
• Reviewing React code for best practices

Audit Workflow

1. Initial Scan: Run codebase analysis to identify issues
2. Prioritize: Focus on CRITICAL issues first (bundle size, waterfalls)
3. Fix Systematically: Address one category at a time
4. Verify: Measure before/after impact