⚛️ React render props component & custom hook for pagination.

Last update: May 22, 2022

Paginated CI

npm NPM npm bundle size npm bundle size GitHub contributors semantic-release

React render props & custom hook for pagination.

Features

Install

npm i @makotot/paginated

Example

Usage

Render Props

import { Paginated } from '@makotot/paginated'

...

return (
  <Paginated currentPage={1} totalPage={10} siblingsSize={2} boundarySize={2}>
    {({ pages, currentPage, hasPrev, hasNext, getFirstBoundary, getLastBoundary, isPrevTruncated, isNextTruncated }) => (
      <div>
        {hasPrev() && <a href="#">prev</a>}
        {getFirstBoundary().map(boundary => <a href="#" key={boundary}>{boundary}</a>)}
        {isPrevTruncated && <span>...</span>}
        {pages.map(page => {
          return page === currentPage ? (
            <span key={page}>{page}</span>
          ) : (
            <a href="#" key={page}>{page}</a>
          );
        })}
        {isNextTruncated && <span>...</span>}
        {getLastBoundary().map(boundary => <a href="#" key={boundary}>{boundary}</a>)}
        {hasNext() && <a href="#">next</a>}
      </div>
    )}
  </Paginated>
)

Hooks

import { usePaginated } from '@makotot/paginated'

...

const { pages, currentPage, hasPrev, hasNext, getFirstBoundary, getLastBoundary, isPrevTruncated, isNextTruncated } = usePaginated({ currentPage: 1, totalPage: 10, siblingsSize: 2, boundarySize: 2 });

return (
  <div>
    {hasPrev() && <a href="#">prev</a>}
    {getFirstBoundary().map(boundary => <a href="#" key={boundary}>{boundary}</a>)}
    {isPrevTruncated && <span>...</span>}
    {pages.map(page => {
      return page === currentPage ? (
        <span key={page}>{page}</span>
      ) : (
        <a href="#" key={page}>{page}</a>
      );
    })}
    {isNextTruncated && <span>...</span>}
    {getLastBoundary().map(boundary => <a href="#" key={boundary}>{boundary}</a>)}
    {hasNext() && <a href="#">next</a>}
  </div>
)

Options

currentPage

Type: number

The value of current page. Required.

totalPage

Type: number

The value of total page. Required.

siblingsSize

Type: number

The items size of one side of the middle of pagination.

boundarySize

Type: number

The items size of one side of the edge of pagination.

Returns (Hooks) | Props (Render Props)

pages

Type: number[]

The page items of the middle of pagination.

currentPage

Type: number

The value of current page.

hasPrev

Type: boolean

Returns true if previous page of the current page is exist.

hasNext

Type: boolean

Returns true if next page of the current page is exist.

getFirstBoundary

Type: () => number[]

Returns page items of first boundary.

getLastBoundary

Type: () => number[]

Returns page items of last boundary.

isPrevTruncated

Type: boolean

Returns true if pages before the current page is ellipsized.

isNextTruncated

Type: boolean

Returns true if pages after the current page is ellipsized.

Authors

GitHub

https://github.com/makotot/paginated
Comments
  • 1. chore(deps): update dependency semantic-release to v17.4.2

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | semantic-release | 17.4.1 -> 17.4.2 | age | adoption | passing | confidence |


    Release Notes

    semantic-release/semantic-release

    v17.4.2

    Compare Source

    Bug Fixes

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-11 22:29
  • 2. chore(deps): update dependency @types/react-dom to v17.0.2

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @types/react-dom | 17.0.1 -> 17.0.2 | age | adoption | passing | confidence |


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 21:00
  • 3. chore(deps): update dependency @semantic-release/release-notes-generator to v9.0.2

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @semantic-release/release-notes-generator | 9.0.1 -> 9.0.2 | age | adoption | passing | confidence |


    Release Notes

    semantic-release/release-notes-generator

    v9.0.2

    Compare Source

    Bug Fixes
    • deps: update dependency into-stream to v6 (9f33802)

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 20:58
  • 4. chore(deps): update dependency husky to v5

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | husky | 4.3.8 -> 5.1.3 | age | adoption | passing | confidence |


    Release Notes

    typicode/husky

    v5.1.3

    Compare Source

    • docs: add specific Yarn v2 install/uninstall instructions
    • cli: husky init will detect Yarn v2 and initialize accordingly

    v5.1.2

    Compare Source

    • docs: recommend prepare script instead of postinstall (#​890)
    • cli: husky init use prepare script (#​890)

    v5.1.1

    Compare Source

    • style(shell): add trailing newlines (#​870)
    • fix(init): update package.json postinstall

    v5.1.0

    Compare Source

    • Add husky init

    v5.0.9

    Compare Source

    • fix(install): do not fail if not inside a Git directory (closes #​851)

    See https://github.com/typicode/husky/releases/tag/v5.0.0 for v5 release notes

    v5.0.8

    Compare Source

    v5.0.7

    Compare Source

    • fix(shell): double quote params (#​824)

    v5.0.6

    Compare Source

    • Remove unused files

    v5.0.5

    Compare Source

    • Fix custom directory support #​827

    v5.0.4

    Compare Source

    v5.0.3

    Compare Source

    v5.0.2

    Compare Source

    v5.0.1

    Compare Source

    v5.0.0

    Compare Source

    👉 See https://typicode.github.io/husky for breaking changes and new installation instructions.

    Note about the license

    Husky 5 is released under The Parity Public License.

    It doesn't affect you if you're using husky in an Open Source project or if you're a sponsor. You're free to use it as usual and I hope you'll enjoy this new release ❤️

    If you're using husky in a commercial project, you may want to consider becoming a sponsor to support the project. You can also try it for 30 days.

    This is only for a limited time, husky will be MIT again later.

    Migrating

    Important Husky v5 brings a lot of improvements but is also very different from v4. Git hooks won't work if you only upgrade husky dependency, existing config needs to be migrated too.

    The best way to switch to v5 is to follow the new installation instructions and migrate existing hooks command using husky add.


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 11:55
  • 5. chore(deps): update commitlint monorepo to v12 (major)

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @commitlint/cli | 11.0.0 -> 12.0.1 | age | adoption | passing | confidence | | @commitlint/config-conventional | 11.0.0 -> 12.0.1 | age | adoption | passing | confidence |


    Release Notes

    conventional-changelog/commitlint

    v12.0.1

    Compare Source

    Bug Fixes

    v12.0.0

    Compare Source

    Bug Fixes
    Features
    BREAKING CHANGES
    • resolve-extends: The order of the extends resolution is changed from right-to-left to left-to-right

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 11:54
  • 6. chore(deps): update dependency size-limit to v4.10.1

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | size-limit | 4.10.0 -> 4.10.1 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v4.10.1

    Compare Source

    • Fixed output on missed file (by Viktor Pasynok).

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 00:37
  • 7. chore(deps): update dependency @size-limit/preset-small-lib to v4.10.1

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @size-limit/preset-small-lib | 4.10.0 -> 4.10.1 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v4.10.1

    Compare Source

    • Fixed output on missed file (by Viktor Pasynok).

    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-08 00:36
  • 8. chore(deps): update dependency @types/react to v17.0.3

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @types/react | 17.0.2 -> 17.0.3 | age | adoption | passing | confidence |


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-07 11:36
  • 9. chore(deps): update dependency typescript to v4.2.3

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | typescript (source) | 4.2.2 -> 4.2.3 | age | adoption | passing | confidence |


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-05 00:35
  • 10. chore(deps): update dependency size-limit to v4.10.0

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | size-limit | 4.9.2 -> 4.10.0 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v4.10.0

    Compare Source


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-04 15:59
  • 11. chore(deps): update dependency @size-limit/preset-small-lib to v4.10.0

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @size-limit/preset-small-lib | 4.9.2 -> 4.10.0 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v4.10.0

    Compare Source


    Renovate configuration

    :date: Schedule: At any time (no schedule defined).

    :vertical_traffic_light: Automerge: Disabled by config. Please merge this manually once you are satisfied.

    :recycle: Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    :no_bell: Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-03-04 15:58
  • 12. chore(deps): update dependency tslib to v2.3.1

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | tslib (source) | 2.3.0 -> 2.3.1 | age | adoption | passing | confidence |


    Release Notes

    Microsoft/tslib

    v2.3.1

    Compare Source

    This release updates the __spreadArray helper for TypeScript 4.4 to correctly operate on collections that are not "concat-spreadable" such as the DOM's NodeLists and HTMLCollections.


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-08-12 00:17
  • 13. chore(deps): update dependency @types/react to v17.0.18

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @types/react | 17.0.15 -> 17.0.18 | age | adoption | passing | confidence |


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-08-06 04:23
  • 14. chore(deps): update dependency size-limit to v5.0.3

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | size-limit | 5.0.1 -> 5.0.3 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v5.0.3

    Compare Source

    v5.0.2

    Compare Source

    • Fixed error message on no input files for webpack.
    • Fixed plugins loading from optional dependencies (by Edouard Menayde).

    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-07-26 20:19
  • 15. chore(deps): update dependency @size-limit/preset-small-lib to v5.0.3

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @size-limit/preset-small-lib | 5.0.1 -> 5.0.3 | age | adoption | passing | confidence |


    Release Notes

    ai/size-limit

    v5.0.3

    Compare Source

    v5.0.2

    Compare Source

    • Fixed error message on no input files for webpack.
    • Fixed plugins loading from optional dependencies (by Edouard Menayde).

    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-07-26 20:18
  • 16. chore(deps): update commitlint monorepo to v13 (major)

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @commitlint/cli | 12.1.4 -> 13.1.0 | age | adoption | passing | confidence | | @commitlint/config-conventional | 12.1.4 -> 13.1.0 | age | adoption | passing | confidence |


    Release Notes

    conventional-changelog/commitlint

    v13.1.0

    Compare Source

    Bug Fixes
    • cz-commitlint: fix minor formatting issues (99d8881)
    • types: adds TargetCaseType[] for CaseRuleConfig (c3bef38)
    • update dependency import-from to v4 (#​2629) (5bcb604)
    • cli: remove hard coded comment char with linting COMMIT_EDIT_MSG (#​2618) (5badf6d), closes #​2351
    Features
    • rules: allow body-case to accept an array of cases (5383c9e), closes #​2631

    v13.0.0

    Compare Source

    Bug Fixes
    Features
    BREAKING CHANGES
    • minimum node version is 12

    12.1.3 (2021-05-12)

    Bug Fixes

    12.1.2 (2021-04-29)

    Bug Fixes

    12.1.1 (2021-04-02)

    Bug Fixes

    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-07-24 07:48
  • 17. chore(deps): update dependency @types/react-dom to v17.0.9

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @types/react-dom | 17.0.8 -> 17.0.9 | age | adoption | passing | confidence |


    Configuration

    📅 Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-07-07 18:09
React.js pagination component based on ultimate-pagination
React.js pagination component based on ultimate-pagination

react-ultimate-pagination React.js pagination component based on ultimate-pagination. It's implemented as a higher-order component that allows easy in

Jun 26, 2022
A React component to render your pagination navigation

A React component to render your pagination navigation

Dec 12, 2021
A ReactJS dumb component to render a pagination
A ReactJS dumb component to render a pagination

react-js-pagination A ReactJS dumb component to render a pagination. The component comes with no built-in styles. HTML layout compatible with Bootstra

Jul 29, 2022
HTML CSS & React - Pagination component
HTML CSS & React - Pagination component

React component to fetch GitHub followers and showcase certain amount at each page with pagination

Jul 15, 2022
react pagination component, simple use
react pagination component, simple use

React-pagination Preview: https://killsanghyuck.github.io/react-pagination/ Install npm install react-pagination-component Configuration totalPage :

Mar 18, 2022
React Pagination Component.

React Pagination Component.

Jul 12, 2022
A ReactJS component that creates a pagination
A ReactJS component that creates a pagination

react-paginate A ReactJS component to render a pagination. By installing this component and writing only a little bit of CSS you can obtain this: or I

Aug 3, 2022
Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭
Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭

React Paginating Motivation During development, we were facing problems supporting server-rendering of our web app & SEO (require pagination links). T

Jun 24, 2022
React Pagination Utils

React Pagination Utils

May 26, 2022
React components for sorting, filtering and pagination of data.

react-data-components DataTable: Live demo and source SelectableTable: Live demo and source Getting started npm install react-data-components --save T

Jul 28, 2022
Simple pagination for React (MIT)

react-pagify - Simple pagination for React react-pagify provides a simple API for building your own custom paginator. If you want to learn more about

Jun 5, 2022
React - Pagination Example with logic like Google

react-pagination-example React - Pagination Example with Logic like Google To see a demo and further details go to http://jasonwatmore.com/post/2017/0

Jun 7, 2022
simple library for pagination in react

IMPORTANT NOTE This repository is DEPRECATED. Please use react-pagination-js instead which has more added feature and is tested well. React-pagination

Jan 24, 2020
React Pagination using Hooks example

React Pagination using Hooks example Set port .env PORT=8081 Project setup In the project directory, you can run: npm install # or yarn install or C

Apr 20, 2022
React Pagination Bar
React Pagination Bar

React Pagination Bar Lightweight component for pagination of application pages on react Features Customizing class names without using style overrides

Aug 1, 2022
Laravel Pagination with ReactJS (customizable)

Laravel Pagination with ReactJS (customizable) react-laravel-paginex will provide you ability to easily create pagination from Laravel Pagination obje

Jul 8, 2022
Generate a sequence of numbers for use in a pagination system, the clever way.
Generate a sequence of numbers for use in a pagination system, the clever way.

JavaScript Pagination Sequence Generator Generate a sequence of numbers for use in a Pagination Component, the clever way. Installation npm i @bramus/

Jul 10, 2022
a react usePagination() hook
a react usePagination() hook

Pagination in Javascript and React, with a custom usePagination() hook

Jul 20, 2022
React Paginations component
React Paginations component

react-paginations React Paginations Demo: https://trendmicro-frontend.github.io/react-paginations Installation Install the latest version of react and

May 14, 2019