Get started with react-virtualized CDN

MIT licensed

React Virtualized is a library for rendering large lists and tabular data using a virtualized scrolling technique to improve performance.

Tags:
  • react
  • reactjs
  • react-component
  • virtual
  • list
  • scrolling
  • infinite
  • virtualized
  • table
  • fixed
  • header
  • flex
  • flexbox
  • grid
  • spreadsheet

Stable version

Copied!

How to start using react-virtualized CDN


import React from 'react';
import List from 'react-virtualized/dist/umd/List';
import 'react-virtualized/styles.css';

const Row = ({ index, key, style }) => (
  <div style={style} key={key}>
    Row {index}
  </div>
);

const MyList = () => {
  const data = Array.from({ length: 1000 }, (_, i) => i);

  const rowRenderer = ({ index, key, style }) => (
    <Row index={index} key={key} style={style} />
  );

  const listHeight = 500;
  const width = 300;

  return (
    <div style={{ width, height: '100%' }}>
      <List
        height={listHeight}
        width={width}
        rowCount={data.length}
        rowHeight={50}
        rowRenderer={rowRenderer}
        widthBoundary={useRef(null)}
      />
    </div>
  );
};

export default MyList;
Copied!
Copied!

All versions

1.0.0 1.0.2 1.0.3 1.0.4 2.1.0 2.1.1 2.2.0 2.3.0 2.4.0 2.5.0 2.6.1 2.6.2 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.8.0 3.0.0 3.0.1 3.1.0 3.1.1 4.0.0 4.0.1 4.0.2 4.1.0 4.10.0 4.2.0 4.2.1 4.3.0 4.3.1 4.4.0 4.4.1 4.4.2 4.4.3 4.5.0 4.6.0 4.6.1 4.6.2 4.6.3 4.6.4 4.6.5 4.6.6 4.7.0 4.7.1 4.8.0 4.8.1 4.9.0 5.0.0 5.0.1 5.1.0 5.1.1 5.1.2-rc1 5.2.0 5.2.1 5.2.2 5.2.3 5.2.4 5.3.0 5.3.1 5.3.2 5.4.0 5.5.0 5.5.1 5.5.2 5.5.3 5.5.3-rc1 5.5.3-rc2 5.5.4 5.5.5 5.5.6 6.0.0 6.0.1 6.0.2 6.0.3 6.0.4 6.0.5 6.0.6 6.0.7 6.0.8 6.1.0 6.1.1 6.1.2 6.2.0 6.2.1 6.2.2 6.3.0 6.3.1 6.3.2 7.0.0 7.0.0-rc.1 7.0.1 7.0.2 7.0.3 7.0.4 7.0.5 7.1.0 7.1.1 7.1.2 7.1.3 7.10.0 7.11.0 7.11.1 7.11.2 7.11.3 7.11.4 7.11.5 7.11.6 7.11.7 7.11.8 7.12.0 7.12.1 7.12.2 7.12.3 7.13.0 7.14.0 7.15.0 7.15.1 7.16.0 7.17.0 7.17.1 7.18.0 7.18.1 7.19.0 7.19.1 7.19.2 7.19.3 7.19.4 7.2.0 7.20.0 7.21.0 7.21.1 7.22.0 7.22.1 7.22.2 7.22.3 7.23.0 7.24.0 7.24.1 7.24.2 7.24.3 7.3.0 7.3.1 7.3.2 7.3.3 7.4.0 7.5.0 7.6.0 7.7.0 7.7.1 7.8.0 7.8.1 7.8.2 7.8.3 7.9.0 7.9.1 8.0.0 8.0.0-rc.1 8.0.0-rc.2 8.0.0-rc.3 8.0.1 8.0.10 8.0.11 8.0.12 8.0.13 8.0.2 8.0.3 8.0.4 8.0.5 8.0.6 8.0.7 8.0.8 8.0.9 8.1.0 8.1.1 8.10.0 8.11.0 8.11.1 8.11.2 8.11.3 8.11.4 8.2.0 8.3.0 8.3.1 8.4.0 8.4.1 8.5.0 8.5.1 8.5.2 8.5.3 8.5.3-beta 8.6.0 8.6.1 8.7.0 8.7.1 8.8.0 8.8.0-alpha.1 8.8.0-alpha.2 8.8.0-alpha.3 8.8.1 8.9.0 9.0.0 9.0.0-rc.0 9.0.0-rc.1 9.0.0-rc.2 9.0.1 9.0.2 9.0.3 9.0.4 9.0.5 9.1.0 9.10.0 9.10.0-alpha.0 9.10.0-alpha.1 9.10.1 9.11.0 9.11.1 9.12.0 9.13.0 9.14.0 9.14.1 9.15.0 9.16.0 9.16.1 9.17.0 9.17.1 9.17.2 9.17.3 9.18.0 9.18.1 9.18.2 9.18.3 9.18.4 9.18.5 9.19.0 9.19.1 9.2.0 9.2.1 9.2.2 9.2.3 9.20.0 9.20.1 9.21.0 9.21.1 9.21.2 9.22.0 9.22.1 9.22.2 9.22.3 9.22.4 *** 9.22.5 9.3.0 9.4.0 9.4.0-rc.0 9.4.0-rc.1 9.4.1 9.4.2 9.5.0 9.6.0 9.6.1 9.7.0 9.7.1 9.7.2 9.7.3 9.7.4 9.7.5 9.7.6 9.8.0 9.8.0-rc.1 9.9.0