vHooksA collection of React hooks.

Optimized, reusable, and fully type-safe hooks for seamless React development.

NPM

GitHub

useBattery

Hook to monitor device battery status using the Battery Status API.

useBoolean

Custom hook that handles boolean state with useful utility functions.

useClickAnyWhere

Custom hook that handles click events anywhere on the document.

useCopyToClipboard

Custom hook that copies text to the clipboard using the `Clipboard API`.

useCountdown

Custom hook that manages countdown.

useCounter

Custom hook that manages a counter with increment, decrement, reset, and setCount functionalities.

useDarkMode

Custom hook that returns the current state of the dark mode.

useDebounceCallback

Custom hook that creates a debounced version of a callback function.

useDebounceValue

Custom hook that returns a debounced version of the provided value, along with a function to update it.

useDocumentTitle

Custom hook that sets the document title.

useEventCallback

Custom hook that creates a memoized event callback.

useEventListener

Custom hook that attaches event listeners to DOM elements, the window, or media query lists.

useHover

Custom hook that tracks whether a DOM element is being hovered over.

useIntersectionObserver

Custom hook that tracks the intersection of a DOM element with its containing element or the viewport using the `Intersection Observer API`.

useInterval

Custom hook that creates an interval that invokes a callback function at a specified delay using the `setInterval API`.

useIsClient

Custom hook that determines if the code is running on the client side (in the browser).

useIsMounted

Custom hook that determines if the component is currently mounted.

useIsomorphicLayoutEffect

Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).

useLocalStorage

Custom hook that uses the `localStorage API` to persist state across page reloads.

useMap

Custom hook that manages a key-value `Map` state with setter actions.

useMediaQuery

Custom hook that tracks the state of a media query using the `Match Media API`.

useOnClickOutside

Custom hook that handles clicks outside a specified element.

useReadLocalStorage

Custom hook that reads a value from `localStorage`, closely related to `useLocalStorage()`.

useResizeObserver

Custom hook that observes the size of an element using the `ResizeObserver API`.

useScreen

Custom hook that tracks the `screen` dimensions and properties.

useScript

Custom hook that dynamically loads scripts and tracking their loading status.

useScrollLock

A custom hook that locks and unlocks scroll.

useSearchParams

Custom hook to manage URL search parameters.

useSessionStorage

Custom hook that uses the `sessionStorage API` to persist state across page reloads.

useStep

Custom hook that manages and navigates between steps in a multi-step process.

useTernaryDarkMode

Custom hook that manages ternary (system, dark, light) dark mode with local storage support.

useTime

Hook to get the current date and time with customizable update logic.

useTimeout

Custom hook that handles timeouts in React components using the `setTimeout API`.

useToggle

Custom hook that manages a boolean toggle state in React components.

useUnmount

Custom hook that runs a cleanup function when the component is unmounted.

useWindowSize

Custom hook that tracks the size of the window.