How to implement infinite scrolling with IntersectionObserver (JavaScript/TypeScript)
Channel: vaadinofficial
Date: 25/09/2021

In this video, Marcus Hellberg shows you how to use the browser InterserctionObserver API to automatically load more data as the user scrolls the page. 

0:00 - Intro
0:28 - Overview of the app
1:31 - Setting up IntersectionObserver
3:20 - Observing the visibility of an element
4:36 - Disconnecting the observer
5:25 - Configuring the rootMargin to trigger earlier
6:47 - Outro

Vaadin Fusion: https://vaadin.com/fusion
Lit: https://lit.dev