https://github.com/uidotdev/usehooks

A collection of modern, server-safe React hooks – from the ui.dev team
https://github.com/uidotdev/usehooks

astro blog hooks react react-hooks vercel

Last synced: 4 days ago
JSON representation

A collection of modern, server-safe React hooks – from the ui.dev team

• Host: GitHub
• URL: https://github.com/uidotdev/usehooks
• Owner: uidotdev
• License: mit
• Created: 2019-01-08T19:45:51.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T18:04:01.000Z (4 months ago)
• Last Synced: 2024-11-16T18:01:20.112Z (27 days ago)
• Topics: astro, blog, hooks, react, react-hooks, vercel
• Language: MDX
• Homepage: https://usehooks.com
• Size: 2.98 MB
• Stars: 9,827
• Watchers: 62
• Forks: 520
• Open Issues: 46
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-luooooob - uidotdev/usehooks - A collection of modern, server-safe React hooks – from the ui.dev team (MDX)

README

        
![useHooks](https://usehooks.com/meta/og.jpg)

# useHooks

A collection of modern, server-safe React hooks – from the [ui.dev](https://ui.dev) team.

Compatible with React v18.0.0+.

## Standard

### Install

`npm i @uidotdev/usehooks`

### Hooks

- [useBattery](https://usehooks.com/usebattery)

- [useClickAway](https://usehooks.com/useclickaway)

- [useCopyToClipboard](https://usehooks.com/usecopytoclipboard)

- [useCounter](https://usehooks.com/usecounter)

- [useDebounce](https://usehooks.com/usedebounce)

- [useDefault](https://usehooks.com/usedefault)

- [useDocumentTitle](https://usehooks.com/usedocumenttitle)

- [useFavicon](https://usehooks.com/usefavicon)

- [useGeolocation](https://usehooks.com/usegeolocation)

- [useHistoryState](https://usehooks.com/usehistorystate)

- [useHover](https://usehooks.com/usehover)

- [useIdle](https://usehooks.com/useidle)

- [useIntersectionObserver](https://usehooks.com/useintersectionobserver)

- [useIsClient](https://usehooks.com/useisclient)

- [useIsFirstRender](https://usehooks.com/useisfirstrender)

- [useList](https://usehooks.com/uselist)

- [useLocalStorage](https://usehooks.com/uselocalstorage)

- [useLockBodyScroll](https://usehooks.com/uselockbodyscroll)

- [useLongPress](https://usehooks.com/uselongpress)

- [useMap](https://usehooks.com/usemap)

- [useMeasure](https://usehooks.com/usemeasure)

- [useMediaQuery](https://usehooks.com/usemediaquery)

- [useMouse](https://usehooks.com/usemouse)

- [useNetworkState](https://usehooks.com/usenetworkstate)

- [useObjectState](https://usehooks.com/useobjectstate)

- [useOrientation](https://usehooks.com/useorientation)

- [usePreferredLanguage](https://usehooks.com/usepreferredlanguage)

- [usePrevious](https://usehooks.com/useprevious)

- [useQueue](https://usehooks.com/usequeue)

- [useRenderCount](https://usehooks.com/userendercount)

- [useRenderInfo](https://usehooks.com/userenderinfo)

- [useScript](https://usehooks.com/usescript)

- [useSessionStorage](https://usehooks.com/usesessionstorage)

- [useSet](https://usehooks.com/useset)

- [useThrottle](https://usehooks.com/usethrottle)

- [useToggle](https://usehooks.com/usetoggle)

- [useVisibilityChange](https://usehooks.com/usevisibilitychange)

- [useWindowScroll](https://usehooks.com/usewindowscroll)

- [useWindowSize](https://usehooks.com/usewindowsize)

## Experimental

### Install

`npm i @uidotdev/usehooks@experimental react@experimental react-dom@experimental`

### Hooks

- [useContinuousRetry](https://usehooks.com/usecontinuousretry)

- [useCountdown](https://usehooks.com/usecountdown)

- [useEventListener](https://usehooks.com/useeventlistener)

- [useFetch](https://usehooks.com/usefetch)

- [useInterval](https://usehooks.com/useinterval)

- [useIntervalWhen](https://usehooks.com/useintervalwhen)

- [useKeyPress](https://usehooks.com/usekeypress)

- [useLogger](https://usehooks.com/uselogger)

- [usePageLeave](https://usehooks.com/usepageleave)

- [useRandomInterval](https://usehooks.com/userandominterval)

- [useTimeout](https://usehooks.com/usetimeout)