Как оптимизировать ре-рендеры в React? Расскажи про React.memo, useCallback, useMemo.

Минимизация изменений DOM:

• Использование Document Fragments для групповых вставок.
• Виртуальный DOM (React, Vue) для пакетного применения изменений.
• Отложенные изменения с использованием requestAnimationFrame.

Оптимизация стилей:

• Избегание форсированной синхронной разметки (layout thrashing).
• Использование CSS-свойств, не вызывающих перекомпоновку (transform, opacity).
• Применение CSS-свойств will-change для подсказки браузеру.

Ограничение области перерисовки:

• Использование contain CSS-свойства.
• Создание новых слоев композиции с помощью transform: translateZ(0) или will-change: transform.

Throttle/Debounce для обработчиков событий, вызывающих частые изменения DOM (скролл, изменение размеров окна).

Использование браузерных инструментов (Performance в Chrome DevTools) для выявления "тяжелых" участков кода, вызывающих перерисовки.