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

Как реализовать виртуализацию списка в React

Виртуализация списка в React позволяет эффективно отображать большие списки, рендеря только видимые элементы. Самый популярный способ — использование библиотеки `react-window` или `react-virtualized`. Пример с `react-window`: ```jsx import { FixedSizeList as List } from 'react-window'; const Row = ({ index, style }) => (
Row {index}
); const VirtualizedList = () => ( {Row} ); ``` Ключевые моменты: 1. `react-window` рендерит только видимые элементы 2. `itemCount` — общее количество элементов 3. `itemSize` — высота каждого элемента (фиксированная) 4. Для динамической высоты используйте `VariableSizeList` Альтернатива — ручная реализация через отслеживание скролла и расчет видимого диапазона, но библиотеки надежнее и оптимизированы.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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