What is the difference between useMemo and useCallback?

Question

Accepted Answer

useMemo memoizes a calculated value.

useCallback memoizes a function.

useMemo:
const total = useMemo(() => calculateTotal(items), [items]);

useCallback:
const handleClick = useCallback(() => {
  console.log("clicked");
}, []);

Use useMemo for expensive calculations and useCallback for preventing unnecessary function recreations.