- Sensors
useBattery
— tracks device battery state.useGeolocation
— tracks geo location state of user's device.useHover
anduseHoverDirty
— tracks mouse hover state of some element.useIdle
— tracks whether user is being inactive.useLocation
— tracks page navigation bar location state.useMedia
— tracks state of a CSS media query.useMediaDevices
— tracks state of connected hardware devices.useMotion
— tracks state of device's motion sensor.useNetwork
— tracks state of user's internet connection.useOrientation
— tracks state of device's screen orientation.useSize
— tracks some HTML element's dimensions.useWindowSize
— tracksWindow
dimensions.
- UI
useAudio
— plays audio and exposes its controls.useOutsideClick
— triggers callback when user clicks outside target area.useSpeech
— synthesizes speech from a text string.useVideo
— plays video, tracks its state, and exposes playback controls.useWait
— complex waiting management for UIs.
- Animations
useRaf
— re-renders component on eachrequestAnimationFrame
.useSpring
— interpolates number over time according to spring dynamics.useTimeout
— returns true after a timeout.useTween
— re-renders component, while tweening a number from 0 to 1.useUpdate
— returns a callback, which re-renders component when called.
- Side-effects
useAsync
— resolves anasync
function.useCss
— dynamically adjusts CSS.useFavicon
— sets favicon of the page.useLocalStorage
— manages a value inlocalStorage
.useSessionStorage
— manages a value insessionStorage
.useTitle
— sets title of the page.
- Lifecycles
useLifecycles
— callsmount
andunmount
callbacks.useLogger
— logs in console as component goes though life-cycles.useMount
— callsmount
callbacks.useUnmount
— callsunmount
callbacks.
- State
createMemo
— factory of memoized hooks.useAdopt
— extract value from multiple render-prop (or FaCC) components.useCallbag
— tracks latest value of a callbag.useGetSet
— returns state getterget()
instead of raw state.useGetSetState
— as ifuseGetSet
anduseSetState
had a baby.useObservable
— tracks latest value of anObservable
.useRenderProp
— extracts value from a render-prop or a FaCC.useSetState
— createssetState
method which works likethis.setState
.useToggle
anduseBoolean
— tracks state of a boolean.useCounter
anduseNumber
— tracks state of a number.useList
— tracks state of an array.useMap
— tracks state of an object.
You need to have React 16.7.0-alpha.0
or later installed to use Hooks API.
You can import each hook individually import useToggle from 'react-use/lib/useToggle'
.
Unlicense — public domain.