A TypeScript-based React hook library providing useful hooks ready to use in your React applications. This library is designed to help streamline your workflow with clean, efficient, and reusable hooks.
- Written in TypeScript
- Ready-to-use React hooks
- Lightweight and optimized
- Actively maintained and open-source
Install @udemere/usehooks via npm, yarn, pnpm, or bun.
# npm
npm install @udemere/usehooks# yarn
yarn add @udemere/usehooks# pnpm
pnpm add @udemere/usehooks# bun
bun add @udemere/usehooksA hook to manage boolean state, providing toggle functionality.
A hook to handle cookies in your application with ease.
A hook to copy text to the clipboard with built-in success/error handling.
A hook for creating countdown timers.
A hook to manage numerical state with increment, decrement, and reset functionalities.
A hook that creates a debounced function to limit the rate at which a function is invoked.
A hook for managing the document's title dynamically.
A hook to easily attach and manage event listeners.
A hook for changing the favicon dynamically.
A hook for making fetch requests with built-in loading and error states.
A hook to manage form state and validation effortlessly.
A hook to detect hover state on an element.
A hook for setting up an interval timer.
A hook to determine if a component is mounted.
A hook that works both on the server and client to ensure effects are applied correctly.
A hook for managing localStorage with error handling and lazy initialization.
A hook to access media devices (like cameras and microphones) easily.
A hook for matching media queries in a React component.
A hook to access the previous value of a state or prop.
A hook to handle redirection in your applications.
A hook to track the scroll position of a window or an element.
A hook for managing sessionStorage with error handling and lazy initialization.
A hook to manage multi-step forms or wizards.
A hook that creates a throttled function to limit how often a function can be invoked.
A hook for setting up a timeout timer.
A hook to manage toggle state (on/off).
A hook for generating unique identifiers.
A hook to get the current window size dynamically.
You can import and use any of the hooks in your React components like so:
import { useCounter } from '@udemere/usehooks'
const CounterComponent = () => {
const { count, increment, decrement } = useCounter()
return (
<div>
<h1>{count}</h1>
<button onClick={increment}>Increment</button>
<button onClick={decrement}>Decrement</button>
</div>
)
}Contributions are welcome! Please feel free to submit a pull request or open an issue for any bugs or feature requests.
This project is licensed under the MIT License - see the LICENSE file for details.