react-page-states

React hook for bundling typical states used in table pagination

Install

npm install --save react-page-states
or
yarn add react-page-states

Features

• pageNo and pageSize saved in url search params to handle page refresh

Usage

Import the library and use the hook:

import * as React from 'react'
import { usePage } from 'react-page-states'

const Example = () => {
  const { pageNo, pageSize, total, setPageNo, setPageSize } = usePage();
}

API

| Property | Type | Default | Description | ------------- |---------------------- | ----|----------------------------------------------------------------------- | | pageNo | number | 1 | Page number. | | pageSize | number | 10| Page size. | | total | number | 0 | Used for computing max allowable pages. | | maxPage | number | 0 | Auto computed based on page size and total items. | | setPageNo | () => void | | Sets page number value |
| setPageSize | () => void | | Sets page size value |
| setTotal | () => void | | Sets total value |

License

MIT © raphElzr