react-best-practices

React performance optimization guidelines help reduce unnecessary re-renders by enforcing memoization strategies, component composition rules, and rendering efficiency patterns. This skill provides 47 rules across 8 categories to minimize waste during component creation, review, and refactoring.

The best way to optimize React bundle size is through code-splitting and composition strategies that scale with large apps. This skill provides best-practice patterns and rules for bundle size optimization, reducing unnecessary imports and improving loading efficiency.

Memoization in React hooks and UI patterns should be used when minimizing re-renders and optimizing rendering efficiency. This skill provides real-world examples and best-practice patterns for applying memoization effectively across components during refactoring.

Yes, this React performance guidance covers accessibility considerations alongside bundle size and re-render optimization. The 47 rules across 8 categories include accessibility rules to ensure optimized components maintain proper accessibility standards during creation and review.

Yes, you can use these React optimization rules for refactoring existing codebases. The guidelines apply to creating, reviewing, and refactoring React components, hooks, and related UI patterns, providing best-practice patterns that scale with large applications.