Virtual Scrolling
ELI5 — The Vibe Check
Virtual Scrolling is the magician's trick for long lists. You have 10,000 items but only render the 20 visible ones. As you scroll, old items vanish and new ones appear. The user sees a smooth list, but the DOM is doing the absolute minimum. Smart lazy.
Real Talk
Virtual Scrolling (windowing) is a technique that renders only the visible portion of a large list or grid in the DOM. As the user scrolls, items entering the viewport are mounted and items leaving are unmounted, maintaining constant DOM size regardless of total item count.
When You'll Hear This
"Without virtual scrolling, our 50,000-row table crashed the browser" / "TanStack Virtual makes implementing this way easier"
Related Terms
Infinite Scroll
Infinite Scroll loads more content as you scroll down, like a bottomless pit of data. Social media feeds use it to keep you scrolling forever.
Intersection Observer
Intersection Observer watches elements and tells you when they enter or leave the viewport. It's the bouncer checking if components are visible.
TanStack
TanStack is Tanner Linsley's empire of framework-agnostic tools.