Declarative React hook for eventListener

Demo on CodeSandbox

 

install

npm install use-event-listener

 

usage

import useEventListener from 'use-event-listener'

function Example() {
  const [key, setKey] = useState()

  useEventListener(
    'keydown', // event to listen to
    event => setKey(event.key) // callback
  )

  return <div>{key} was pressed</div>
}

Run on CodeSandbox

 

but why?

Long answer long: overreacted.io/making-setinterval-declarative-with-react-hooks/

like it?

⭐ this repo

 

license

MIT © siddharthkp