react-best-practices

Prevent unnecessary rerenders in React by applying memoization patterns using React.memo, useMemo, and useCallback. This Skill provides guidelines to optimize rendering bottlenecks and improve component maintainability during code audits.

Reduce React bundle size and improve first paint by applying code-splitting and dynamic imports. This Skill outlines strategies to optimize rendering and state management suitable for React and Next.js projects.

Yes, these React performance optimization strategies work within Next.js projects. The guidelines cover rendering optimizations, dynamic imports, and state management strategies specifically applicable to both React and Next.js environments.

Audit existing React code for rendering bottlenecks by refactoring components to apply memoization strategies and rendering optimizations. This Skill satisfies guidelines for identifying and resolving performance issues in current implementations.

Use useMemo and useCallback for state management optimization when building new components or preventing expensive recalculations. This Skill provides actionable patterns to apply memoization strategies and robust state management in React.

Poor React rendering performance despite memoization often stems from incorrect implementation or unoptimized state management. This Skill provides guidelines to audit code, apply code-splitting, and refine rendering optimizations for maintainable components.