@virtual-grid/react
TypeScript icon, indicating that this package has built-in type declarations

2.0.3 • Public • Published

@virtual-grid/react

Simplified virtualization using @tanstack/virtual

Demo - Docs - Examples

Installation

npm install @virtual-grid/react

Usage

Example with the provided <Grid /> component:

import * as React from 'react';
import { Grid, useGrid } from '@virtual-grid/react';

const App = () => {
  const ref = React.useRef<HTMLDivElement>(null);

  const grid = useGrid({
    scrollRef: ref,
    count: 1000
    // ...
  });

  return (
    <div ref={ref} style={{ height: '400px', overflow: 'auto' }}>
      <Grid grid={grid}>{(i) => <div key={i}>...</div>}</Grid>
    </div>
  );
};

License

MIT

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 2.0.3
    148
    • latest

Version History

Package Sidebar

Install

npm i @virtual-grid/react

Weekly Downloads

544

Version

2.0.3

License

MIT

Unpacked Size

62.3 kB

Total Files

9

Last publish

Collaborators

  • nikec