https://github.com/olafsulich/use-haki

React Hooks Library 🐟
https://github.com/olafsulich/use-haki

hooks hooks-api-react react react-hooks-library reacthooks

Last synced: about 2 months ago
JSON representation

React Hooks Library 🐟

• Host: GitHub
• URL: https://github.com/olafsulich/use-haki
• Owner: olafsulich
• License: unlicense
• Created: 2020-06-04T17:08:19.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-07T19:12:51.000Z (over 4 years ago)
• Last Synced: 2025-05-07T10:19:36.954Z (about 2 months ago)
• Topics: hooks, hooks-api-react, react, react-hooks-library, reacthooks
• Language: TypeScript
• Homepage:
• Size: 1.05 MB
• Stars: 16
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


use-haki




  



React hooks library





[**Contributing**](./CONTRIBUTING.md) | [**Code of Conduct**](./CODE_OF_CONDUCT.md) | [**Docs**](./docs)








[![Build Status](https://img.shields.io/circleci/build/github/olafsulich/use-haki/master?style=flat-square)](https://app.circleci.com/pipelines/github/olafsulich/use-haki)

[![npm](https://img.shields.io/npm/v/use-haki?style=flat-square)](https://www.npmjs.com/package/use-haki)

[![downloads](https://img.shields.io/npm/dm/use-haki?style=flat-square)](https://www.npmtrends.com/use-haki)

[![GitHub license](https://img.shields.io/github/license/olafsulich/use-haki.svg?style=flat-square)](https://github.com/olafsulich/usehaki/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Code of Conduct](https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square)](https://github.com/testing-library/react-hooks-testing-library/blob/master/CODE_OF_CONDUCT.md)

[![Star on GitHub](https://img.shields.io/github/stars/olafsulich/use-haki.svg?style=social)](https://github.com/olafsulich/use-haki/stargazers)



  


  


  
npm i use-haki

  


  




## Hooks

- [`useClickOutside`](./docs/useClickOutside.md) — allows you to detect clicks outside of a specified element.

- [`useEventListener`](./docs/useEventListener.md) — provide a declarative hook for events listeners.

- [`useFetch`](./docs/useFetch.md) — hook for fetch requests.

- [`useGeoPosition`](./docs/useGeoPosition.md) — gives device current location.

- [`useHelloRomanJoke`](./docs/useHelloRomanJoke.md) — fetch random [Hello Roman](https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g) joke.

- [`useHover`](./docs/useHover.md) — detect mouse move on a specified element.

- [`useIdle`](./docs/useIdle.md) — tracks if user on the page is idle.

- [`useInterval`](./docs/useInterval.md) — provides setInterval in react hook.

- [`useKeyPress`](./docs/useKeyPress.md) — detect when user is pressing a specific key.

- [`useLocalStorage`](./docs/useLocalStorage.md) — manage your local storage in easy way.

- [`useMousePosition`](./docs/useMousePosition.md) — tracks mouse position.

- [`usePageWidth`](./docs/usePageWidth.md) — gives current page width.

- [`useScrollPosition`](./docs/useScrollPosition.md) — tracks scroll position.

- [`useToggle`](./docs/useToggle.md) — tracks toggle state.

- [`useUnsplash`](./docs/useUnsplash.md) — gives random image from [Unsplash](https://unsplash.com/).

- [`useDateTimeFormat`](./docs/useDateTimeFormat.md) — enable language-sensitive date formatting

- [`usePluralRules`](./docs/usePluralRules.md) — find ordinal for given number

- [`useIntersection`](./docs/useIntersection.md) — use intersection observer listener in an easy way

- [`useMeasure`](./docs/useMeasure.md) — gives sizes of an element and its position

- [`useTheme`](./docs/useTheme.md) — dynamically change the appearance of your app using CSS variables with light/dark mode.

  


## Technologies

- React

- TypeScript

- Microbundle

- CircleCI

- Eslint & Prettier

- Husky & Lint-staged

- React Testing Library & React Hooks Testing Library

- Github Actions

  


## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
Olaf Sulich
💻 🚧 ⚠️ 🤔

    
Adrian Wloszynski
💻

  

This project follows the [all-contributors](https://allcontributors.org/) specification.

Contributions of any kind welcome!

## Issues

_Looking to contribute? Look for the

[Good First Issue](https://github.com/olafsulich/use-haki/issues?utf8=✓&q=is%3Aissue+is%3Aopen+sort%3Areactions-%2B1-desc+label%3A"good+first+issue"+)

label._

### 🐛 Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.

[**See Bugs**](https://github.com/olafsulich/use-haki/issues?q=is%3Aissue+is%3Aopen+label%3Abug+sort%3Acreated-desc)

### 💡 Feature Requests

Please file an issue to suggest new features/hooks. Vote on feature requests by adding a 👍. This helps

me prioritize what to work on.

[**See Feature Requests**](https://github.com/olafsulich/use-haki/issues?q=is%3Aissue+sort%3Areactions-%2B1-desc+label%3Aenhancement+is%3Aopen)

### ❓ Questions

For questions related to using the library, you can

[raise issue here](https://github.com/olafsulich/use-haki/issues/new), or

send me an email: **[email protected]**