When do you use useMemo versus useCallback?
PICTURE THIS: A CLOSURE
Simple meaning
UseMemo memoizes a computed value.
WHY — React instead of guessing?
Why interviewers care about React:
contrast on React, not two memorised paragraphs.
the developer, then one case where picking wrong hurts.
Name the idea, why it exists, then one short example.
End with when you use it and one common pitfall.
STEPS — What happens step by step?
Before you speak the answer, walk the interviewer through these steps:
- 1Define it
UseMemo memoizes a computed value.
- 2UseCallback memoizes a function
identity so child memo components do not re-render for a new closure every time.
- 3Both are for measured
costs, not for wrapping every line.
- 4Give an example
One tiny concrete case you can say aloud.
- 5Common mistake
What juniors usually get wrong.
- 6Close
When you pick this over the alternative.
EXAMPLE — See it in action
Here's a short line you can speak, broken into clear beats:
Note: Adapt this scaffold to your own project — keep it under 60–90 seconds.
Key takeaway
UseMemo memoizes a computed value. UseCallback memoizes a function identity so child memo components do not re-render for a new closure every time.