A collection of 30+ dependency-free React hooks

🛠️

useArray

React hook to manage and manipulate arrays.

🔁

useAsync

React hook to handle async operations.

🔊

useAudio

React hook to manage an audio.

🔋

useBattery

React hook to track the battery status of a user's device.

📋

useClipboard

React hook to copy to the clipboard.

⏳

useCountdown

React hook to create a countdown functionality.

⏱️

useCountup

React hook to create a countup functionality.

⏲️

useDebounce

React hook to delay the execution of function or state update.

📥

useDownload

React hook to download a file.

📢

useEventListener

React hook to listen for events on a target element.

🖼️

useFavicon

React hook to change the page favicon.

🌐

useFetch

React hook to fetch data from an API.

🖇️

useFirstRender

React hook to detect if it is the first render of a component.

👁️

useFirstVisit

React hook to detect if it is the user's first visit.

🌍

useGeolocation

React hook to get user's latitude and longitude.

🖱️

useHover

React hook to track when an element is being hovered over.

📝

useInput

React hook to handle an input element.

🖐️

useIsTouchDevice

React hook to detect if the user's device is a touch device.

⌨️

useKeyPress

React hook to detect when a specific key or a combination of keys is pressed or released.

🌐

useLang

React hook to detect the language selected in the browser.

📦

useLocalStorage

React hook to store, retrieve and delete data from the browser's localStorage API.

📤

useNavigatorShare

React hook to share content through the browser.

📡

useOffline

Reaction hook to track if user is offline or not.

🔙

usePrevious

React hook to track the previous value of a variable.

👀

useOnScreen

React hook to monitor whether a referenced element is visible on the screen.

🚫

useOutsideClick

React hook to detect clicks outside of a specified component.

🎨

useRandomColor

React hook to generate random colors.

📄

useScript

React hook to load a script.

📜

useScroll

React hook to track and manipulate the scroll position of a web page.

🔍

useSearchParams

React hook to extract search parameters from URL.

⏲️

useStopwatch

React hook to create a stopwatch functionality.

⏳

useTimer

React hook to create a timer functionality.

📝

useTitle

React hook to change the page title.

🔄

useToggle

React hook to toggle a boolean value.

📹

useVideo

React hook to manage a video.

🖼️

useWindowSize

React hook to track the dimensions of the browser window.