<commit_before>React Infinite List
==============

A component that displays large list of data efficiently. Reuses DOM elements during scrolling.
Inspired by [https://github.com/Morhaus/react-list-view] project, but it uses different rendering approach
than the mentioned project or Ember ListView. Instead of transposing the item rows, it just
relies on React efficient rendering and re-renders everything from scratch.

Installation
------------
```sh
npm install react-infinite-list --save
# or
bower install react-infinite-list --save
```

Usage
-----

```js
 <InfiniteList
        items={items}
        numOfVisibleItems={5}
        itemHeight={20}
        listItemClass={InfiniteListItem}
    />,
```

`items`, `numOfVisibleItems` and `itemHeight` are mandatory. The latter two controls
the height of the component.

`listItemClass` is optional. Rather, it serves for default list item view overriding.

There are also some mandatory css rules:
```css
    .infinite-list {
        overflow: auto  ;
        position: relative;
    }

    .infinite-list-content {
        margin: 0;
        position: absolute;
    }
```

See [example.js](example/example.js) for more details.



<commit_msg>README.md changes<commit_after>React Infinite List
==============

A component that displays large list of data efficiently. Reuses DOM elements during scrolling.
It uses different rendering approach than [https://github.com/Morhaus/react-list-view] or Ember ListView.
Instead of transposing the item rows, it just re-renders the component whenever the top or bottom
list item is scrolled out of the visible area.

Installation
------------
```sh
npm install react-infinite-list --save
# or
bower install react-infinite-list --save
```

Usage
-----

```js
 <InfiniteList
        items={items}
        numOfVisibleItems={5}
        itemHeight={20}
        listItemClass={InfiniteListItem}
    />,
```

`items`, `numOfVisibleItems` and `itemHeight` are mandatory. The latter two controls
the height of the component.

`listItemClass` is optional. Rather, it serves for default list item view overriding.

There are also some mandatory css rules:
```css
    .infinite-list {
        overflow: auto  ;
        position: relative;
    }

    .infinite-list-content {
        margin: 0;
        position: absolute;
    }
```

See [example.js](example/example.js) for more details.




{'fraction_non_alphanumeric': 0.1127946127946128, 'fraction_numerical': 0.003367003367003367, 'mean_word_length': 3.1922398589065257, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2692178', 'n_tokens_mistral': 685, 'n_tokens_neox': 650, 'n_words': 241}