Что такое виртуализация списков?

Middle
235 просмотров
AFK Offer AI

Виртуализация — это рендеринг только видимых элементов списка, а не всех. Если список содержит 10000 элементов, в DOM находится только ~20 видимых + буфер. При скролле элементы переиспользуются. Это драматически улучшает производительность — без виртуализации 10000 DOM-узлов могут заморозить страницу. Библиотеки: react-window (лёгкая) и @tanstack/virtual (гибкая). Нужна фиксированная или вычислимая высота элементов.

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

Какие подводные камни у React.memo?