Как реализовать бесконечный скролл?

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

Два подхода: IntersectionObserver на «сентинель» элементе внизу списка — когда он становится видимым, загружаем следующую порцию. Или onScroll с проверкой scrollHeight - scrollTop === clientHeight. Первый вариант производительнее. Совмещать с виртуализацией для больших списков. TanStack Query или SWR с useSuspenseInfiniteQuery делают это из коробки — управляют страницами, кэшем, состоянием загрузки. Не забывай про loading indicator и «конец списка».

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

Что такое BEM?