useEvent React Hook
This replaces the need for using window.addEventListener() when using react hooks.
You use it in exactly the same way as window.addEventListener().
Install
Yarn:
yarn add use-add-event
NPM:
npm install --save use-add-event
Usage
useEvent(event, handler, useCapture)
event: STRING - any event listener event as a string. handler: FUNCTION - function to be called when the event is triggered. useCapture: BOOL - determining passive event or not (defaults to false).
Example:
import useEvent from 'use-add-event';
export default function MyComponent() {
const handleResize = (e) => { ... };
useEvent('resize', handleResize);
return (
...
)
}