[имя] какие инструменты, хуки и паттерны используете для оптимизации React-приложения и тяжёлых компонентов? Как определить, что компонент тяжёлый, и как измерить эффект оптимизации?

Начните с React Profiler и браузерного Performance: тяжёлый компонент определяется измеренным вкладом в задержку, а не размером файла.

Проверьте частоту и длительность рендеров, вычисления, DOM и сеть. Затем выбирайте локализацию состояния, memo, useMemo/useCallback, виртуализацию или разделение загрузки. Сравнивайте одинаковые сценарии и данные до и после. Мемоизация бесполезна, если проблема в большом DOM или сетевом ожидании.