Layout virtual

Framework agnostic virtualization engine for responsive list and grid layout.

Features:

• No item wrappers. Renders items as is, as if they are sitting in a regular container.
• No measurements; no estimated sizes are required from the application code.
• No separate components for lists and grids; the difference is only in CSS styling.
• No binary search, no tree-like data structures, no item size caching under the hood, which results in faster list initialization, lower memory consumption, and smaller bundle size. Just pure math and precise scroll position calculation regardless of item sizes, margins, and gaps.
• No blank canvas in desktop Chrome during fast scrolling.

Package	Version	Bundle size
layout-virtual
react-layout-virtual
vue-layout-virtual
angular-layout-virtual

Installation and usage

See the library homepage for details.

How it works

See the article on Medium.com.