eslint-plugin-react-helpers

A set of react eslint rules

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install eslint-plugin-react-helpers:

npm install eslint-plugin-react-helpers --save-dev

Usage

Add react-helpers to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
    "plugins": [
        "react-helpers"
    ]
}

Then configure the rules you want to use under the rules section.

{
    "rules": {
        "react-helpers/prefer-use-state-lazy-initialization": 2
    }
}

Rules

| Name                                 | Description | | :----------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------- | | no-named-useeffect-functions | Disallows named function in useEffect hooks | | prefer-use-state-lazy-initialization | Detects function calls in useState and suggests using lazy initialization instead. |