Prefer class arrow methods to binding in the constructor
npm install eslint-plugin-no-constructor-bind
Prefer class properties to equivalent setup steps taken in a class' constructor method.
``js
// Bad:
class User {
constructor() {
this.greet = this.greet.bind(this)
}
greet() { return 'Hello' }
}
// Good:
class User {
greet = () => 'hello'
}
`
Use no-constructor-bind to eliminate bound functions in your constructor.no-constructor-state
Use to eliminate initial state setting in your constructor.no-useless-constructor
Doing this, most likely you'll be able to use ESLint's builtin to remove many constructors in your app.
You'll first need to install ESLint:
`
$ npm i eslint --save-dev
Next, install eslint-plugin-no-constructor-bind:
`
$ npm install eslint-plugin-no-constructor-bind --save-dev
Note: If you installed ESLint globally (using the -g flag) then you must also install eslint-plugin-no-constructor-bind globally.
Add no-constructor-bind to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:
`json`
{
"plugins": ["no-constructor-bind"]
}
Then configure the rules you want to use under the rules section.
`json``
{
"rules": {
"no-constructor-bind/no-constructor-bind": "error",
"no-constructor-bind/no-constructor-state": "error"
}
}
* no-constructor-bind (:wrench:) — Use class arrow functions instead of binding in the constructor
* no-constructor-state (:wrench:) — Use class property instead of setting initial state in the constructor