Как оптимизировал отрисовку на последнем проекте

Для оптимизации отрисовки использовал несколько подходов: 1. **React.memo** и **useMemo** – мемоизировал компоненты и вычисления, чтобы избежать лишних ререндеров. 2. **Virtualization (react-window)** – для длинных списков, рендерил только видимые элементы. 3. **Debounce/Throttle** – ограничивал частые обновления (например, при скролле или resize). 4. **Оптимизация CSS** – избегал сложных селекторов, использовал `will-change` и `transform` для анимаций. 5. **Lazy Loading** – загружал компоненты и изображения по мере необходимости (`React.lazy`, `IntersectionObserver`). Пример с `React.memo`: ```jsx const ExpensiveComponent = React.memo(({ data }) => { return ; }); ``` Для анимаций предпочитал CSS-решения или `requestAnimationFrame` вместо JS-анимаций.