useHooks.iov4.1.2
DocsBlogGitHub
useHooks.io

Modern React Hooks

A collection of modern, server-safe React hooks with zero dependencies - install with our CLI tool

Install Hooks via CLI

Get started with a single commandnpx usehooks-cli@latest initnpx usehooks-cli@latest add use-array

Server-Safe

All hooks are built with React Server Components in mind and work seamlessly in modern React applications.

TypeScript First

Written in TypeScript with complete type definitions for the best developer experience.

Open Source

Free and open source under the MIT license. Contributions are welcome!

Performance Optimized

Lightweight and efficient hooks designed for optimal performance without compromising functionality.

Well Documented

Comprehensive documentation with examples, use cases, and best practices for every hook.

Community Driven

Built by developers, for developers. Join our growing community and help shape the future of React hooks.

Browse by Category

state

useArray

state

Description

A hook providing helper methods for working with array state including push, pop, filter, sort, and other common operations

useCounter

state

Description

A hook for managing counter state with increment, decrement, and reset

useLocalStorage

state

Description

A hook for managing localStorage with React state

useSet

state

Description

A hook for managing and manipulating Set data structure with comprehensive methods for set operations, filtering, and state management

useToggle

state

Description

A hook for managing toggle state with toggle and reset

sensors

useAudioRecorder

sensors

Description

A comprehensive hook for audio recording with real-time analysis using getUserMedia, MediaRecorder, and Web Audio APIs

useBarcodeDetector

sensors

Description

A hook for detecting barcodes and QR codes in images using the Barcode Detection API

useDeviceOrientation

sensors

Description

A hook for accessing device orientation data using the DeviceOrientationEvent API

useGeolocation

sensors

Description

A hook for accessing the Geolocation API to get user's location

useHover

sensors

Description

A hook for detecting when an element is being hovered with optional callbacks and delay

useIsMobile

sensors

Description

A hook for detecting mobile devices using media queries and user agent

useIsTablet

sensors

Description

A hook for detecting tablet devices using media queries and user agent

useMediaSession

sensors

Description

A hook for customizing media notifications and handling media control actions using the Media Session API

useNetworkInformation

sensors

Description

A hook for accessing network connection information and monitoring network changes

useUserMedia

sensors

Description

A hook for accessing camera and microphone using the getUserMedia API

useVibration

sensors

Description

A hook for controlling device vibration using the Vibration API

browser

useBluetooth

browser

Description

A hook for interacting with Bluetooth Low Energy devices using the Web Bluetooth API

useClipboard

browser

Description

A hook for interacting with the clipboard API to copy text content with state management

useContactPicker

browser

Description

A hook for accessing the Contact Picker API to select contacts with user permission

useStorage

browser

Description

A hook for managing browser storage quotas, usage estimation, and persistence using the Storage API

useWebShare

browser

Description

A hook for sharing content using the Web Share API to access native sharing mechanisms

utility

useDebounce

utility

Description

A hook for debouncing values to delay updates until after a specified delay period

useIsMounted

utility

Description

A hook that returns whether the component is currently mounted

usePrevious

utility

Description

A hook that returns the previous value of a state or prop

useThrottle

utility

Description

A hook for throttling values to limit updates to at most once per specified delay period

lifecycle

useDeepCompareEffect

lifecycle

Description

Like useEffect but with deep equality check for dependencies

useUpdateEffect

lifecycle

Description

Like useEffect but skips the initial render

network

useFetch

network

Description

A hook for making HTTP requests using the Fetch API with loading states and error handling

dom

useFullscreen

dom

Description

A hook for managing fullscreen mode using the Fullscreen API

auth

useRoleGuard

auth

Description

A hook for role-based access control that redirects or hides content based on user roles

utilities

useTimeout

utilities

Description

A hook for managing timeouts with start, stop, and reset functionality

Browser

useWindowSize

Browser

Description

A hook that tracks the current window dimensions and updates on resize.

useHooks.io

Open Source and Free Forever

useHooks is open source and available under the MIT license. Feel free to use these hooks in your projects, contribute to the library, or share with the community.