rpc

react-paginate-component

A ReactJS pagination component

Showing:

Popularity

Downloads/wk

2

GitHub Stars

22

Maintenance

Last Commit

7yrs ago

Contributors

1

Package

Dependencies

1

Size (min+gzip)

32.2KB

License

GPL-2.0-only

Type Definitions

Tree-Shakeable

No?

Categories

Readme

react-paginate

A pagination component for ReactJS using Twitter Bootstrap markup

Example: http://jsfiddle.net/kb3gN/8460/

Install

Via Bower:

bower install react-paginate

Via NPM

npm install react-paginate-component

Usage

var Paginate = require('react-paginate'); // in Node: react-paginate-component

var App = React.createClass({
    getInitialState: function() {
        return {
            items: [...]
        }
    },
    onChangePage: function(page) {
        return request(url, {page: page}).then(function(items) {
            this.setState({items: items});
        }.bind(this));
    },
    render: function() {
        return (
            <div>
                <h1>My App</h1>
                // Print items here
                <Paginator max={5} onChange={this.onChangePage}/>
            </div>
        );
    }
});

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial