{"id":17241291,"url":"https://github.com/jacobkosmart/custom-hooks","last_synced_at":"2026-04-10T23:55:00.040Z","repository":{"id":57119934,"uuid":"394934182","full_name":"jacobkosmart/custom-hooks","owner":"jacobkosmart","description":"Create custom-hooks and can be downloaded from npm  and yarn","archived":false,"fork":false,"pushed_at":"2021-08-12T01:39:16.000Z","size":860,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-14T09:35:49.676Z","etag":null,"topics":["npm","react-custom-hook","react-hooks","yarn"],"latest_commit_sha":null,"homepage":"","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/jacobkosmart.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":"2021-08-11T09:26:43.000Z","updated_at":"2021-08-25T08:20:50.000Z","dependencies_parsed_at":"2022-08-24T02:31:04.118Z","dependency_job_id":null,"html_url":"https://github.com/jacobkosmart/custom-hooks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacobkosmart%2Fcustom-hooks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacobkosmart%2Fcustom-hooks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacobkosmart%2Fcustom-hooks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jacobkosmart%2Fcustom-hooks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jacobkosmart","download_url":"https://codeload.github.com/jacobkosmart/custom-hooks/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245217784,"owners_count":20579297,"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":["npm","react-custom-hook","react-hooks","yarn"],"created_at":"2024-10-15T06:08:40.146Z","updated_at":"2026-04-10T23:54:54.993Z","avatar_url":"https://github.com/jacobkosmart.png","language":"JavaScript","readme":"# jacob-hooks (Custom hooks)\n\nCollection of React Custom Hooks ready to install with yarn and npm\n\n## Each hook has its own package\n\n| Hook            | Description                                                                                                     | Documentation                                                                                             | NPM Page                                                                                   | Yarn Page                                                               |\n| --------------- | --------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |\n| useTitle        | Update your document's title.                                                                                   | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useTitle)        | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-title)                           | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-title)         |\n| useScroll       | React Hook to get X/Y coordinates of current position of the scroll.                                            | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useScroll)       | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-scroll)                          | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-scroll)        |\n| usePreventLeave | React Hook to prompt the user for confirmation before leaving the page. Useful when changes haven't been saved. | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/usePreventLeave) | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-prevent-leave?activeTab=explore) | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-prevent-leave) |\n| useNetwork      | React Hook to listen when the user goes online or offline.                                                      | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useNetwork)      | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-network)                         | [yarn Page](https://www.npmjs.com/package/@jacob-hooks/use-network)     |\n| useInput        | React Hook to update input event                                                                                | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useInput)        | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-input)                           | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-input)         |\n| useHover        | React Hook to detect a hover on an any React Element                                                            | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useHover)        | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-hover)                           | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-hover)         |\n| useFadeIn       | React Hook to fade in any element.                                                                              | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useFadeIn)       | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-fade-in)                         | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-fade-in)       |\n| useConfirm      | React Hook to ask the user for a confirmation before executing a function.                                      | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useConfirm)      | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-confirm)                         | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-fade-in)       |\n| useClick        | React Hook to execute a function when the mouse click then add event listener                                   | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useClick)        | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-click)                           | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-click)         |\n| useBeforeLeave  | React Hook to execute a function when the mouse leaves the page. Useful to show a popup or for analytics.       | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useBeforeLeave)  | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-before-leave)                    | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-before-leave)  |\n| useAxios        | React Hook to send HTTP request and get data from URL                                                           | [Documentation](https://github.com/jacobkosmart/custom-hooks/tree/master/src/customHooks/useAxios)        | [NPM Page](https://www.npmjs.com/package/@jacob-hooks/use-axios)                           | [yarn Page](https://yarnpkg.com/package/@jacob-hooks/use-axios)         |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobkosmart%2Fcustom-hooks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacobkosmart%2Fcustom-hooks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobkosmart%2Fcustom-hooks/lists"}