Если вы изо всех сил пытались разобраться в
useMemo и useCallback, вы не одиноки. Есть ненулевое количество разработчиков React, которые cломали голову над этими 2 хуками.Так что держите полезную статью, которая призвана помочь разобраться в путанице.
Вот некоторые факты из статьи:
⏩
React.memo и useMemo помогают оптимизировать производительность компонентов; в частности useMemo запоминает результат дорогостоящих вычислений и предотвращает ненужные повторные рендеры.⏩Имеется проблема: чистые компоненты часто перерисовываются даже при отсутствии изменений;
useMemo решает эту проблему, сохраняя ссылки на массивы и объекты.⏩
useCallback аналогичен useMemo для функций, позволяя запоминать функции колбэков.⏩Рекомендуется использовать хуки
useMemo и useCallback только при необходимости для оптимизации производительности.📎 Статья
@react_tg