Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

755 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Layout virtual

License Build Status Code Coverage semantic-release LLM Friendly docs

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 NPM Package layout-virtual Bundle size
react-layout-virtual NPM Package react-layout-virtual Bundle size
vue-layout-virtual NPM Package vue-layout-virtual Bundle size
angular-layout-virtual NPM Package angular-layout-virtual Bundle size

Installation and usage

See the library homepage for details.

How it works

See the article on Medium.com.

About

Framework agnostic virtualization engine for responsive list and grid layout.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages