react-clusterize

React component for Clusterize.js

Demo: https://cheton.github.io/react-clusterize

Installation

1. Install the latest version of react and react-clusterize:

npm install --save react react-dom react-clusterize

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import Clusterize from 'react-clusterize';

const rows = [];
const maxRows = 10000;
for (let i = 0; i < maxRows; ++i) {
    rows[i] = (
        <div style={{ borderBottom: '1px solid #f0f0f0', padding: '5px 10px' }}>
            Item #{i + 1}
        </div>
    );
}
rows.length = maxRows;

const mountNode = document.getElementById('#container');

ReactDOM.render(<Clusterize rows={rows} />, mountNode);

API

Properties

Name | Type | Default | Description :--- | :--- | :------ | :---------- rows | array | [] | An array of React elements or HTML tags in String. scrollTop | number | 0 | Set the current vertical position of the scroll bar.

License

MIT