Difference between useMemo and useCallback?

useMemo vs useCallback.

Najpierw odpowiedz na głos lub w myślach, potem porównaj.

Odpowiedź

useMemo memoizuje wartość:

JavaScript

const result = useMemo(() => {
  return expensiveCalculation(data);
}, [data]);

useCallback memoizuje funkcję:

JavaScript

const handleClick =
  useCallback(() => {
    save(id);
  }, [id]);

Zapamiętaj:

useMemo → result/value

useCallback → function reference

Pułapka:
Nie należy używać ich wszędzie. One same również mają koszt.

Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.