Hooks

Manage accordion state with expand/collapse controls and multi-expansion support.

Calculate and maintain aspect ratios for responsive media containers.

Handle avatar logic including fallbacks, status indicators, and loading states.

Manage color palettes and themes for chart components with dynamic color generation.

Process and transform data for various chart types with formatting utilities.

Comprehensive data table state management with sorting, filtering, and pagination.

Access theme context including current theme values and configuration.

Manage array state with helper methods for push, pop, filter, update, and more.

Handle async operations with loading, error, and success states automatically.

Create components that support both controlled and uncontrolled state patterns.

Manage numeric counter state with increment, decrement, and reset functions.

Manage boolean state for modals, drawers, and other overlay components.

Sync state with browser localStorage with automatic serialization and updates.

Sync state with browser sessionStorage for temporary data persistence.

Toggle boolean state with optional callback and initial value support.

Track and access the previous value of a state or prop across renders.

Detect clicks outside of a specific element for closing menus and modals.

Utility functions for common DOM operations and element manipulation.

Add and cleanup event listeners with automatic memory management.

Trap focus within a component for accessible modals and dialogs.

Track hover state of elements with enter and leave callbacks.

Detect when elements enter or leave the viewport for lazy loading and animations.

Lock and unlock body scroll for modals and overlays with proper cleanup.

Track window dimensions with automatic updates on resize events.

Comprehensive form state management with validation, submission, and error handling.

Input validation with custom rules, real-time feedback, and error messages.

Animation utilities for creating smooth transitions and motion effects.

Copy text to clipboard with success feedback and error handling.

Manage theme state and toggle between light and dark modes with persistence.

Debounce rapidly changing values for performance optimization and API calls.

Simplified data fetching with loading states, error handling, and caching.

Declarative setInterval with automatic cleanup and pause/resume functionality.

Match CSS media queries and respond to responsive breakpoint changes.

Merge multiple refs into a single ref callback for component composition.

Pagination logic with page calculation, navigation, and range generation.

Detect user's motion preference for accessibility-friendly animations.

Filter and search through data collections with fuzzy matching support.

Throttle rapidly changing values to limit execution frequency.

Declarative setTimeout with automatic cleanup and reset functionality.

useEffect that skips the initial mount and only runs on updates.

Display temporary notifications and alerts to users with customizable styling.