React hooks

EVT

GitHub Home Playgroud

Search…

🚀

From EventEmitter to Evt

⬆

v1 -> v2

🪝

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)"
        }
      ]
    }
  }
}
​

Handler<T, U> (type)

From EventEmitter to Evt

Last modified 2mo ago

Copy link

Edit on GitHub

On this page

useEvt()

useRerenderOnStateChange()

ESLint