Встречается на собеседованиях • сегодня

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

1. **Virtual Scrolling** – рендерим только видимые элементы списка. ```jsx import { FixedSizeList } from 'react-window'; {({ index, style }) =>
Item {index}
}
``` 2. **Memoization** – избегаем лишних ререндеров через `React.memo`, `useMemo`, `useCallback`. ```jsx 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** – вынос тяжелых вычислений из основного потока.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы