https://github.com/codiume/hooks
A collection of reusable react hooks for state and UI management
https://github.com/codiume/hooks
hooks library react react-hooks state
Last synced: about 1 year ago
JSON representation
A collection of reusable react hooks for state and UI management
- Host: GitHub
- URL: https://github.com/codiume/hooks
- Owner: codiume
- License: mit
- Created: 2024-08-06T22:34:28.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-12T00:23:26.000Z (about 1 year ago)
- Last Synced: 2025-04-12T01:26:45.624Z (about 1 year ago)
- Topics: hooks, library, react, react-hooks, state
- Language: TypeScript
- Homepage:
- Size: 493 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# 🪝 Hooks
[![Version][version-badge]][npm]
[![Downloads][downloads-badge]][npm]
[![Github Actions][github-actions-badge]][github-actions]
[![Make a PR][makepr-badge]][makepr]
[![Typescript][typescript-badge]][npm]
[![Formatted with Biome][biome-badge]][biome]
A collection of reusable react hooks for state and UI management
## Installation
```bash
# Using PNPM
pnpm install @codiume/hooks
```
```bash
# Using Bun
bun add @codiume/hooks
```
```bash
# Using NPM
npm install @codiume/hooks
```
```bash
# Using Yarn
yarn add @codiume/hooks
```
## Hooks
| Hook | Description |
| -------------------------------------------- | ----------------------------------------------- |
| [use-clipboard](./src/use-clipboard) | Copy text to the clipboard with ease |
| [use-hover](./src/use-hover) | Tracks the hover state of a DOM element |
| [use-in-viewport](./src/use-in-viewport) | Detects if element is visible in the viewport |
| [use-local-storage](./src/use-local-storage) | Manages state with localStorage synchronization |
| [use-media-query](./src/use-media-query) | Track if a media query matches the viewport |
| [use-queue](./src/use-queue) | Manage state of elements in FIFO-like strategy |
| [use-scroll](./src/use-scroll) | Tracks scroll position of an element |
| [use-singleton](./src/use-singleton) | Creates a value exactly once |
| [use-window-scroll](./src/use-window-scroll) | Tracks scroll position of the window |
## Contributing
Please see [Contributing.md](CONTRIBUTING.md) for details.
## Security
If you discover any security related issues, please email author instead of using the issue tracker.
## Changelog
Please see the [Changelog](CHANGELOG.md) for more information on what has changed recently.
## License
Please see the [LICENSE](LICENSE) for more information.
[npm]: https://www.npmjs.com/package/@codiume/hooks
[version-badge]: https://img.shields.io/npm/v/%40codiume%2Fhooks.svg
[downloads-badge]: https://img.shields.io/npm/dt/%40codiume%2Fhooks
[github-actions]: https://github.com/codiume/hooks/actions/workflows/build.yml
[github-actions-badge]: https://github.com/codiume/hooks/actions/workflows/build.yml/badge.svg?branch=main
[typescript-badge]: https://img.shields.io/npm/types/%40codiume%2Fhooks
[makepr]: https://makeapullrequest.com
[makepr-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square?style=flat
[biome]: https://biomejs.dev
[biome-badge]: https://img.shields.io/badge/Formatted_with-Biome-60a5fa?style=flat&logo=biome