👍
react-use

^{Collection of essential React Hooks.
This is mostly port of libreact to React Hooks.}

npm i react-use

Reference

• Sensors
  • useBattery — tracks device batter state.
  • useGeolocation — tracks geo location state of user's device.
  • useHover — 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 — tracks Window dimensions.
    
    
• Animations
  • useSpring — interpolates number over time according to spring dynamics.
  • useTimeout — returns true after a timeout.
    
    
• Side-effects
  • useCss — dynamically adjusts CSS.
  • useFavicon — sets favicon of the page.
  • useTitle — sets title of the page.
    
    
• State
  • useToggle — tracks state of a boolean.
  • useCounter — tracks state of a number.
  • useList — tracks state of an array.
  • useMap — tracks state of an object.
    
    

Usage

• 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'.

License

Unlicense — public domain.