Какие знаешь способы оптимизации отрисовки

1. Virtual Scrolling – рендерим только видимые элементы списка.

    import { FixedSizeList } from 'react-window';
    <FixedSizeList height={400} itemSize={50} itemCount={1000}>
      {({ index, style }) => <div style={style}>Item {index}</div>}
    </FixedSizeList>

2. Memoization – избегаем лишних ререндеров через React.memo, useMemo, useCallback.

    const MemoizedComponent = React.memo(MyComponent);

3. Debounce/Throttle – ограничиваем частоту обновлений (например, для поиска или resize).

4. Ленивая загрузка – React.lazy + Suspense для компонентов, IntersectionObserver для изображений.

5. Оптимизация CSS – избегаем сложных селекторов, используем will-change, contain: strict для изоляции перерисовки.

6. Ключи в списках – стабильные key для эффективного сравнения элементов.

7. Web Workers – вынос тяжелых вычислений из основного потока.