React Hooks Collection
A comprehensive collection of 32 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
useContactPicker
browserDescription
A hook for accessing the Contact Picker API to select contacts with user permission
useCounter
stateDescription
A hook for managing counter state with increment, decrement, and reset
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
useFullscreen
domDescription
A hook for managing fullscreen mode using the Fullscreen API
useGeolocation
sensorsDescription
A hook for accessing the Geolocation API to get user's location
useHover
sensorsDescription
A hook for detecting when an element is being hovered with optional callbacks and delay
useIsMobile
sensorsDescription
A hook for detecting mobile devices using media queries and user agent
useIsMounted
utilityDescription
A hook that returns whether the component is currently mounted
useIsTablet
sensorsDescription
A hook for detecting tablet devices using media queries and user agent
useLocalStorage
stateDescription
A hook for managing localStorage with React state
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
usePrevious
utilityDescription
A hook that returns the previous value of a state or prop
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
useThrottle
utilityDescription
A hook for throttling values to limit updates to at most once per specified delay period
useTimeout
utilitiesDescription
A hook for managing timeouts with start, stop, and reset functionality
useToggle
stateDescription
A hook for managing toggle state with toggle and reset
useUpdateEffect
lifecycleDescription
Like useEffect but skips the initial render
useUserMedia
sensorsDescription
A hook for accessing camera and microphone using the getUserMedia API
useVibration
sensorsDescription
A hook for controlling device vibration using the Vibration API
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.