Как использовать useMemo и useCallback?(спойлер) большинство из них можно удалить

В сфере искусственного интеллекта произошло заметное событие. IvanOkoyanniy 4 минуты назад Как использовать useMemo и useCallback? (спойлер) большинство из них можно удалить Средний 13 мин 5 ReactJS * Мнение Из песочницыПеревод Автор оригинала: Nadia Makarevich Это перевод статьи, и цель распространения — только показать интересные поинты заинтересовынным людям. Каково назначение хуков useMemo и useCallback?

Какие ошибки и лучшие практики следует при их использовании, и почему удаление большинства из них может быть хорошей идеей? Если вы не совсем новичок в React, вы, вероятно, уже знакомы как минимум с хуками useMemo и useCallback. А если вы работаете над приложением среднего или большого масштаба, скорее всего, вы можете описать некоторые части своего приложения как«непонятную цепочку хуков, useMemoкоторую useCallbackневозможно прочитать и отладить».

Технические детали

Эти хуки каким‑то образом способны бесконтрольно распространяться по коду, пока полностью не захватят его, и вы обнаружите, что пишете их просто потому, что они повсюду и все вокруг вас их пишут. А знаете, что самое печальное? Всё это совершенно излишне.

Вы, вероятно, можете удалить 90% всего кода useMemoи useCallbacksв вашем приложении прямо сейчас, и приложение будет работать нормально, а может быть, даже немного ускорится. Не поймите меня неправильно, я не говорю, что useMemoили useCallbackбесполезны. Просто их использование ограничено несколькими очень специфическими и конкретными случаями.

И в большинстве случаев мы используем их для обертывания чего‑либо без необходимости.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.