# reactuse

> reactuse is a collection of production-ready React hooks and helpers. It is TypeScript-first, SSR compatible, tree-shakable, and designed for modern React applications.

## Overview

- [Introduction](https://reactuse.org/docs/introduction): Core project overview and philosophy.
- [Installation](https://reactuse.org/docs/installation): Install Reactuse into your project.
- [CLI](https://reactuse.org/docs/cli): Useverse CLI for adding hooks into your codebase.
- [Functions](https://reactuse.org/functions): Browse all hooks and helpers with API docs.
- [Skills](https://reactuse.org/docs/skills): AI assistant skill guide for Reactuse.
- [Reactuse Skill Registry](https://skills.sh/siberiacancode/agent-skills/reactuse): Published Reactuse skill for coding agents.

## Functions

### Asyncs

- [useAsync](https://reactuse.org/functions/hooks/useAsync): Hook that provides the state of an async callback
### Browsers

- [useAudio](https://reactuse.org/functions/hooks/useAudio): Hook that manages audio playback with sprite support
- [useBattery](https://reactuse.org/functions/hooks/useBattery): Hook for getting information about battery status
- [useBluetooth](https://reactuse.org/functions/hooks/useBluetooth): Hook for getting information about bluetooth
- [useBreakpoints](https://reactuse.org/functions/hooks/useBreakpoints): Hook that manages breakpoints
- [useBroadcastChannel](https://reactuse.org/functions/hooks/useBroadcastChannel): Hook that provides cross-tab/window communication
- [useBrowserLocation](https://reactuse.org/functions/hooks/useBrowserLocation): Hook that returns reactive browser location state with navigation controls
- [useClipboard](https://reactuse.org/functions/hooks/useClipboard): Hook that manages a copy to clipboard
- [useCopy](https://reactuse.org/functions/hooks/useCopy): Hook that manages copying text with status reset
- [useCssVar](https://reactuse.org/functions/hooks/useCssVar): Hook that returns the value of a css variable
- [useDisplayMedia](https://reactuse.org/functions/hooks/useDisplayMedia): Hook that provides screen sharing functionality
- [useDocumentEvent](https://reactuse.org/functions/hooks/useDocumentEvent): Hook attaches an event listener to the document object for the specified event
- [useDocumentTitle](https://reactuse.org/functions/hooks/useDocumentTitle): Hook that manages the document title and allows updating it
- [useDocumentVisibility](https://reactuse.org/functions/hooks/useDocumentVisibility): Hook that provides the current visibility state of the document
- [useEventListener](https://reactuse.org/functions/hooks/useEventListener): Hook that attaches an event listener to the specified target
- [useEventSource](https://reactuse.org/functions/hooks/useEventSource): Hook that provides a reactive wrapper for event source
- [useEyeDropper](https://reactuse.org/functions/hooks/useEyeDropper): Hook that gives you access to the eye dropper
- [useFavicon](https://reactuse.org/functions/hooks/useFavicon): Hook that manages the favicon
### Elementss

- [useActiveElement](https://reactuse.org/functions/hooks/useActiveElement): Hook for tracking the active element
- [useAutoScroll](https://reactuse.org/functions/hooks/useAutoScroll): Hook that automatically scrolls a list element to the bottom
- [useClickOutside](https://reactuse.org/functions/hooks/useClickOutside): Hook to handle click events outside the specified target element(s)
- [useDoubleClick](https://reactuse.org/functions/hooks/useDoubleClick): Hook that defines the logic when double clicking an element
- [useDropZone](https://reactuse.org/functions/hooks/useDropZone): Hook that provides drop zone functionality
### Lifecycles

- [useAsyncEffect](https://reactuse.org/functions/hooks/useAsyncEffect): Hook that triggers the effect callback on updates
- [useDidUpdate](https://reactuse.org/functions/hooks/useDidUpdate): Hook that triggers the effect callback on updates
### Sensorss

- [useDeviceMotion](https://reactuse.org/functions/hooks/useDeviceMotion): Hook that work with device motion
- [useDeviceOrientation](https://reactuse.org/functions/hooks/useDeviceOrientation): Hook that provides the current device orientation
### States

- [useBoolean](https://reactuse.org/functions/hooks/useBoolean): Hook provides opportunity to manage boolean state
- [useControllableState](https://reactuse.org/functions/hooks/useControllableState): Hook that manages both controlled and uncontrolled state patterns
- [useCookie](https://reactuse.org/functions/hooks/useCookie): Hook that manages cookie value
- [useCookies](https://reactuse.org/functions/hooks/useCookies): Hook that manages cookie values
- [useCounter](https://reactuse.org/functions/hooks/useCounter): Hook that manages a counter
- [useDefault](https://reactuse.org/functions/hooks/useDefault): Hook that returns the default value
- [useDisclosure](https://reactuse.org/functions/hooks/useDisclosure): Hook that allows you to open and close a modal
- [useField](https://reactuse.org/functions/hooks/useField): Hook to manage a form field
### Users

- [useBrowserLanguage](https://reactuse.org/functions/hooks/useBrowserLanguage): Hook that returns the current browser language
### Utilitiess

- [useBatchedCallback](https://reactuse.org/functions/hooks/useBatchedCallback): Hook that batches calls and forwards them to a callback
- [useConst](https://reactuse.org/functions/hooks/useConst): Hook that returns the constant value
- [useDebounceCallback](https://reactuse.org/functions/hooks/useDebounceCallback): Hook that creates a debounced callback
- [useDebounceEffect](https://reactuse.org/functions/hooks/useDebounceEffect): Hook that runs an effect after a delay when dependencies change
- [useDebounceState](https://reactuse.org/functions/hooks/useDebounceState): Hook that creates a debounced state
- [useDebounceValue](https://reactuse.org/functions/hooks/useDebounceValue): Hook that creates a debounced value
- [useDevicePixelRatio](https://reactuse.org/functions/hooks/useDevicePixelRatio): Hook that returns the device's pixel ratio
- [useEvent](https://reactuse.org/functions/hooks/useEvent): Hook that creates an event and returns a stable reference of it