Можете объяснить различия между React hooks useMemo и useCallback, и в каких случаях каждый из них следует использовать?

useMemo и useCallback — это хуки React, которые помогают оптимизировать производительность, предотвращая ненужные вычисления и пересоздание функций.

• useMemo запоминает результат вычисления функции и возвращает его, повторно используя кэшированное значение, если зависимости не изменились. Используется для мемоизации значений (например, сложных вычислений).

• useCallback запоминает саму функцию и возвращает её же, если зависимости не изменились. Используется, когда нужно передавать функцию вниз по дереву компонентов и важно, чтобы ссылка на функцию оставалась стабильной (например, для оптимизации дочерних компонентов, которые зависят от пропсов-функций).

Пример:

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);
const memoizedCallback = useCallback(() => { doSomething(a); }, [a]);

Используйте useMemo для мемоизации значений, а useCallback — для мемоизации функций.