rerender-memo

What problem does it solve?

React components can incur costly re-renders when props or state trigger expensive computations. This Skill shows how to extract such work into memoized components to skip unnecessary work and keep the UI responsive.

Core Features & Use Cases

• Memoization of heavy components using React.memo to prevent re-renders when props are unchanged.
• Selective use of useMemo/useCallback to cache expensive computations and callbacks.
• Real-world scenario: large list rendering or avatar generation where props stabilize over time to avoid recomputation.

Quick Start

Refactor a component to be memoized with React.memo, wrap heavy computations with useMemo, and ensure props are stable to trigger re-renders only when needed.