Какие есть стратегии мемоизации в React?

Middle
288 просмотров
AFK Offer AI

React.memo — предотвращает ре-рендер компонента если пропы не изменились (shallow compare). useMemo — кеширует результат вычисления. useCallback — кеширует функцию. Ловушки: React.memo бесполезен если передаёшь новый объект/массив каждый рендер. useMemo/useCallback имеют overhead — не мемоизируй всё подряд. Правило: профилируй сначала, мемоизируй потом. React Compiler (React 19) автоматизирует мемоизацию. Для тяжёлых вычислений — useMemo. Для колбэков в props — useCallback.

Следующий вопрос

Как реализовать search с debounce?