Hooks Directory

Seamlessly support both controlled and uncontrolled component patterns without duplicating state logic or API surface.

Merge multiple refs into a single callback ref. Fully compatible with React 19 cleanup functions and legacy RefObjects.

Automatically switches between useLayoutEffect and useEffect to eliminate hydration warnings in isomorphic apps.

A performance-optimized useRef alternative that supports lazy initialization to prevent unnecessary object creation.

A reactive wrapper for the Map object with built-in bail-out logic to prevent unnecessary re-renders during updates.

Manage unique collections with a reactive Set interface, optimized for high-performance lookups and selection states.

Manage debounced state updates in uncontrolled inputs to minimize expensive operations like heavy re-renders.

Delay updates to a controlled value, ideal for synchronizing search inputs with expensive API-driven filters.

Provide automatic cleanup for async effects using AbortController to prevent race conditions and memory leaks.

High-performance visibility tracker using the Intersection Observer API with global observer pooling.

A state management tool with built-in undo/redo branching and history limits, perfect for editors and complex forms.

Reactive, SSR-safe media query detection optimized with useSyncExternalStore and global listener sharing.

Declarative event management for DOM elements, window, or document with automatic listener cleanup.

A streamlined interface for the Clipboard API featuring automated state management and high reliability.

Detect user motion preferences via the prefers-reduced-motion query, optimized for performance and SSR safety.

Sync component behavior with the document's active state to pause videos, halt polling, or save system resources.

Identify the client environment using useSyncExternalStore to prevent hydration mismatches and flickering.

Execute code exactly once during component mount. Eliminates the ambiguity of empty dependency arrays.

A declarative hook for setInterval that handles stale closures and dynamic delays without resetting timers.

Declarative setTimeout management with automatic cleanup to prevent memory leaks in React components.

Track the previous state of a value across renders by leveraging render-phase state updates for synchronization.

Manually trigger a component re-render via a stable function, useful for synchronizing with non-reactive external state.