{"id":19600903,"url":"https://github.com/iq-tech/reactnator","last_synced_at":"2025-04-27T16:32:28.969Z","repository":{"id":57348408,"uuid":"126359519","full_name":"IQ-tech/reactnator","owner":"IQ-tech","description":null,"archived":false,"fork":false,"pushed_at":"2018-05-22T15:33:37.000Z","size":90,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-05T01:32:21.268Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IQ-tech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-22T15:53:31.000Z","updated_at":"2019-09-26T20:51:38.000Z","dependencies_parsed_at":"2022-08-31T18:51:11.189Z","dependency_job_id":null,"html_url":"https://github.com/IQ-tech/reactnator","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IQ-tech%2Freactnator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IQ-tech%2Freactnator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IQ-tech%2Freactnator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IQ-tech%2Freactnator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IQ-tech","download_url":"https://codeload.github.com/IQ-tech/reactnator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251171707,"owners_count":21547146,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T09:16:32.267Z","updated_at":"2025-04-27T16:32:27.898Z","avatar_url":"https://github.com/IQ-tech.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Reactnator\n\nThe easier way to paginate things\n\n### Installing\n\nIn your project folder, type on console\n\n`yarn add reactnator`\n\nor you can use NPM aswell\n\n`npm i reactnator`\n\n### Dependencies\n\n* React\n* ReactDOM\n* Recompose\n* scroll-to-target\n\n### Next Features\n\n* Integration with React-Router (Today you can use `onChange` callback with browserHistory.push)\n\n### Api Reference\n\n| Property | Type | Default | Description |\n| --- | --- | --- | --- |\n| total | number | `1` | total of pages |\n| currentPage | number | `1` | page number that will receive `active` class |\n| onChange | function | `page =\u003e console.log(page)`  | onChange handler, that receive `page` with new current page value |\n| scrollTo | object | `false` | allows scroll to some point on click, this object receive these following values `{ selector: #valid-dom-element, speed: 1, offset: 0}` |\n| type | string | `button` | this prop will decide how type of pagination you want; button, link or history (not yet)  |\n| link | string | `#` | URL who reactnator will add pagination's number. Example with default values: `#1` |\n| pageNumberStyle | `string` | `reactnator__page-number` | optional style to page numbers |\n| activePageStyle | `string` | `reactnator__page-number--active` | optional style to active page number |\n\n### License\n\nLicensed under the MIT license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiq-tech%2Freactnator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiq-tech%2Freactnator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiq-tech%2Freactnator/lists"}