{"id":20495762,"url":"https://github.com/knightburton/react-hooks-toolkit","last_synced_at":"2026-04-19T03:03:14.020Z","repository":{"id":57125153,"uuid":"440579769","full_name":"knightburton/react-hooks-toolkit","owner":"knightburton","description":"The most commonly used custom react hooks in one place","archived":false,"fork":false,"pushed_at":"2023-10-04T18:59:08.000Z","size":1190,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-05T02:47:59.836Z","etag":null,"topics":["hacktoberfest","hooks","react","react-hooks","typescript","usedebounce","usefetch","useinterval","useprevious","usetimeout"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/knightburton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-21T16:21:56.000Z","updated_at":"2022-10-04T11:43:50.000Z","dependencies_parsed_at":"2024-11-12T12:48:01.366Z","dependency_job_id":"86289142-ae01-4eb0-aec1-e997fdb448b5","html_url":"https://github.com/knightburton/react-hooks-toolkit","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/knightburton/react-hooks-toolkit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knightburton%2Freact-hooks-toolkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knightburton%2Freact-hooks-toolkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knightburton%2Freact-hooks-toolkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knightburton%2Freact-hooks-toolkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/knightburton","download_url":"https://codeload.github.com/knightburton/react-hooks-toolkit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/knightburton%2Freact-hooks-toolkit/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31992823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["hacktoberfest","hooks","react","react-hooks","typescript","usedebounce","usefetch","useinterval","useprevious","usetimeout"],"created_at":"2024-11-15T17:47:05.293Z","updated_at":"2026-04-19T03:03:13.999Z","avatar_url":"https://github.com/knightburton.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-hooks-toolkit\n\n[![Development Workflow](https://github.com/knightburton/react-hooks-toolkit/actions/workflows/development.yml/badge.svg)](https://github.com/knightburton/react-hooks-toolkit/actions/workflows/development.yml)\n![npm](https://img.shields.io/npm/v/@knightburton/react-hooks-toolkit)\n![npm](https://img.shields.io/npm/dt/@knightburton/react-hooks-toolkit)\n\nThe most commonly used custom react hooks in one place.\n\nUnlike the other packages like this, it only targets core custom hooks to keep everything on minimal.\nThese core custom hooks are the following:\n- [useDebounce](/src/useDebounce/README.md)\n- [useDebounceFunction](/src/useDebounceFunction/README.md)\n- [useFetch](/src/useFetch/README.md)\n- [useInterval](/src/useInterval/README.md)\n- [usePrevious](/src/usePrevious/README.md)\n- [useTimeout](/src/useTimeout/README.md)\n\n### Getting started\n#### Compatibility\nYour project needs to use [React.js](https://reactjs.org/) 16.9 or later.\n\n#### Installation\n```bash\n$ npm i @knightburton/react-hooks-toolkit\n```\nor\n```bash\nyarn add @knightburton/react-hooks-toolkit\n```\n\n### Usage\nHere's an example of basic usage:\n```tsx\nimport React, { useState } from 'react';\nimport { usePrevious } from '@knightburton/react-hooks-toolkit';\n\nconst App = () =\u003e {\n  const [value, setValue] = useState\u003cnumber\u003e(0);\n  const previousValue = usePrevious\u003cnumber\u003e(value);\n\n  const handleClick = (event: React.MouseEvent\u003cHTMLButtonElement\u003e): void =\u003e {\n    setValue(Math.floor(Math.random() * 101));\n  };\n\n  return (\n    \u003c\u003e\n      \u003cp\u003eThe previous random number \u003cstrong\u003e{previousValue || 0}\u003c/strong\u003e\u003c/p\u003e\n      \u003cp\u003eThe current random number \u003cstrong\u003e{value}\u003c/strong\u003e\u003c/p\u003e\n      \u003cinput type=\"button\" value=\"Random\" onClick={handleClick} /\u003e;\n    \u003c/\u003e\n  );\n};\n\nexport default App;\n```\nFor more example/usage visit each hooks own documentation.\n\n### Contributing\nFirst off all, thanks for taking the time to contribute! :muscle:\n\nBefore any action, please visit the [Code of Conduct](https://github.com/knightburton/react-hooks-toolkit/blob/main/CODE_OF_CONDUCT.md) and [Contributing guideline](https://github.com/knightburton/react-hooks-toolkit/blob/main/CONTRIBUTING.md) for more information.\n\n### License\n\n`react-hooks-toolkit` is Open Source software under the MIT license. Complete license and copyright information can be found within the [license](https://github.com/knightburton/react-hooks-toolkit/blob/main/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknightburton%2Freact-hooks-toolkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fknightburton%2Freact-hooks-toolkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fknightburton%2Freact-hooks-toolkit/lists"}