redux-pager

Lightweight composable React / Redux pagination component

Install

npm install -S redux-pager

Usage

import React from 'react'
import reduxPager from 'redux-pager'

const Pager = reduxPager({ connect, React })

export default props => (
  <Pager mapRows={
    (state, indices) => state.entities.users.filter((x, i) => i >= indices[0] && i < indices.slice(-1))
  }>
    {pager => (
      <div>
        <div>
          {pager.data.map(x => (
            <div>
              <pre>{JSON.stringify(x, null, 2)}</pre>
            </div>
          ))}
        </div>
        {/* Do something with pager.mapRows /*}
        <span>
          <pager.Buttons>
            <pager.PageSelect />
          </pager.Buttons>
          <pager.RowInfo />
          <pager.PageInfo />
        </span>
      </div>
    )}
  </Pager>
)

Test

See redux-pager's test project at redux-pager-test

In active development, come back in a few days.