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:
Download Details:
Author: chiefGui
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/chiefGui/virtualform
License: MIT