ReactAdvanced#hooks#performance

Difference between useMemo and useCallback?

useMemo caches a computed value between renders; useCallback caches a function identity. Both take a dependency array and exist to avoid expensive recomputation or unnecessary re-renders of memoized children.

Example
const sorted = useMemo(() => items.sort(cmp), [items]);
const onPick = useCallback(id => setPick(id), []);

Related Questions

1
ReactAdvanced#performance

What is React.memo?

Open
2
ReactIntermediate#hooks#context

What is useContext and when do you use it?

Open
3
ReactAdvanced#hooks#state

When should you use useReducer instead of useState?

Open