Что такое виртуальный скролл и когда он нужен?

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