С какими проблемами оптимизации сталкивался

1. **Большие бандлы** – решал через code-splitting (React.lazy + Suspense), tree-shaking (Webpack), динамические импорты. 2. **Медленный рендеринг списков** – виртуализация (react-window), ключи, memo. 3. **Избыточные ререндеры** – useMemo/useCallback, React.memo, профилирование через React DevTools. 4. **Тяжелые вычисления** – вынос в Web Workers, debounce/throttle для обработки событий. 5. **Медленная загрузка изображений** – lazy-loading (loading="lazy"), оптимизация через CDN, сжатие (WebP). Пример: ```jsx // Оптимизация списка import { FixedSizeList as List } from 'react-window'; const BigList = ({ data }) => ( {({ index, style }) =>

{data[index]}

} ); ```