When does memoization hurt React performance?
When used for cheap computations, without a memoized child, or as a default across the codebase. Memoization itself has overhead, so it should be used only where a real bottleneck is measured, not preemptively.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in useMemo, useCallback, useRef Interview Questions for React
useMemo memoizes a value; useCallback memoizes a function reference. Use useMemo for expensive computations and useCallback for stable functions passed to memoized children.
useRef returns a mutable object that persists across renders without triggering re-renders. useState triggers a re-render when it changes. Use useRef for DOM references and mutable values that should not drive the UI, and useState for values that should.
For expensive computations that would otherwise run on every render, like sorting a large list. Also to keep an object reference stable for memoized children. Measure first, since memoization is not free.
Still have questions?
Browse all our FAQs or reach out to our support team