Как реализовать infinite scroll?

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

Intersection Observer на sentinel элементе в конце списка. Когда sentinel входит в viewport — загружаем следующую страницу. const observer = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) loadMore(); }); observer.observe(sentinel). В React: useEffect с observer, state для items и page. Нужен loading state чтобы не дублировать запросы. Для back navigation — сохраняй scroll position и загруженные данные. Виртуализация для больших списков. Pagination fallback для SEO.

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

Что такое optional chaining (?.)?