πŸͺ
React hooks
Evt let you work with events in react without having to worry about cleaning up afterward.

useEvt()

Basic example
Creating Evt from DOM Elements
The core idea is to always use the ctx to attach handlers. This will enable EVT to detach/reload handlers when they need to be namely when the component is unmounted or a value used in a handler has changed.

useRerenderOnStateChange()

With StatefulEvt

ESLint

You can use this react-hooks/exhaustive-deps to be warned if you forget a dependency:
//package.json (if you use create-react-app otherwise use .eslintrc.js)
{
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
],
"rules": {
"react-hooks/rules-of-hooks": "error",
"react-hooks/exhaustive-deps": [
"error",
{
"additionalHooks": "(useEvt)"
}
]
}
}
}
​
Copy link
Edit on GitHub
On this page
useEvt()
useRerenderOnStateChange()
ESLint