Fast, Responsive And Headless Virtualization Engine For React

An ultra-fast, responsive and headless virtualization engine for React.

How to use it:

1. Installation.

# NPM
$ npm i @virtualform/grid

2. Create a grid.

import { useGrid } from '@virtualform/grid'
const App = () => {
  const { getRootProps, getWrapperProps, cells } = useGrid({
    cells: {
      amount: 1000,
      width: 100,
      height: 100,
    },
  })
  const { style, ...rootProps } = getRootProps()
  return (
    <div style={{ ...style, width: '100vw', height: 600 }} {...rootProps}>
      <div {...getWrapperProps()}>
        {cells.map((cell) => {
          return (
            <div {...cell.getProps()}>
              <div>I am cell {cell.index}</div>
            </div>
          )
        })}
      </div>
    </div>
  )
}

Preview:

Fast, Responsive And Headless Virtualization Engine For React

Download Details:

Author: chiefGui

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/chiefGui/virtualform

License: MIT

Add Comment