React Hooks Collection
A comprehensive collection of 37 custom React hooks to enhance your development experience.
useArray
stateDescription
A hook providing helper methods for working with array state including push, pop, filter, sort, and other common operations
useAudioRecorder
sensorsDescription
A comprehensive hook for audio recording with real-time analysis using getUserMedia, MediaRecorder, and Web Audio APIs
useBarcodeDetector
sensorsDescription
A hook for detecting barcodes and QR codes in images using the Barcode Detection API
useBluetooth
browserDescription
A hook for interacting with Bluetooth Low Energy devices using the Web Bluetooth API
useClipboard
browserDescription
A hook for interacting with the clipboard API to copy text content with state management
useClosure
utilityDescription
A hook for creating and working with JavaScript closures, demonstrating closure concepts and patterns
useContactPicker
browserDescription
A hook for accessing the Contact Picker API to select contacts with user permission
useDebounce
utilityDescription
A hook for debouncing values to delay updates until after a specified delay period
useDeepCompareEffect
lifecycleDescription
Like useEffect but with deep equality check for dependencies
useDeviceOrientation
sensorsDescription
A hook for accessing device orientation data using the DeviceOrientationEvent API
useFetch
networkDescription
A hook for making HTTP requests using the Fetch API with loading states and error handling
useHover
sensorsDescription
A hook for detecting when an element is being hovered with optional callbacks and delay
useLazy
performanceDescription
A hook for managing lazy-loaded React components with loading states, error handling, and preloading capabilities
useMediaSession
sensorsDescription
A hook for customizing media notifications and handling media control actions using the Media Session API
useNetworkInformation
sensorsDescription
A hook for accessing network connection information and monitoring network changes
useProxy
stateDescription
A hook for creating and managing JavaScript Proxy objects with React state integration
useRoleGuard
authDescription
A hook for role-based access control that redirects or hides content based on user roles
useSet
stateDescription
A hook for managing and manipulating Set data structure with comprehensive methods for set operations, filtering, and state management
useStorage
browserDescription
A hook for managing browser storage quotas, usage estimation, and persistence using the Storage API
useSymbol
utilityDescription
A hook for creating and managing JavaScript Symbols with utilities for global registry and well-known symbols
useThrottle
utilityDescription
A hook for throttling values to limit updates to at most once per specified delay period
useWebShare
browserDescription
A hook for sharing content using the Web Share API to access native sharing mechanisms
useWindowSize
BrowserDescription
A hook that tracks the current window dimensions and updates on resize.