VirtualScroller

Primitive #42

๐Ÿ” Problem it solves

Rendering 10,000 items in a list freezes the browser and consumes excessive memory. Only visible items should be rendered. Native solutions are limited.

โœ… Solution

VirtualScroller calculates the visible range based on scroll position and item heights, renders only items in the viewport plus a small buffer, and recycles DOM nodes. This demo uses the libraryโ€™s implementation โ€“ only ~10โ€‘20 DOM elements exist at any time for a 10,000โ€‘item list.

๐Ÿงฉ Used by components

VirtualList, InfiniteScroll, DataTable, LogViewer, MessageThread

๐ŸŽฎ Interactive demo