eslint-plugin-react-directives

some rules for babel-plugin-react-directives.

Installation

You'll first need to install ESLint:

$ npm i eslint --save-dev

Next, install eslint-plugin-react-directives:

$ npm install eslint-plugin-react-directives --save-dev

Note: If you installed ESLint globally (using the -g flag) then you must also install eslint-plugin-react-directives globally.

Usage

There are two ways to configure it via .eslintrc:

1{
2  "plugins": [
3    "react-directives"
4  ],
5  "rules": {
6    "no-undef": "off",
7    "react-directives/no-undef": "error"
8  }
9}

or use the recommended rules:

1{
2  "extends": [
3    "plugin:react-directives/recommended"
4  ],
5  "rules": {
6    "no-undef": "off"
7  }
8}

Settings

If you have configured some options in babel-plugin-react-directives, add settings section to .eslintrc file.

1{
2  "settings": {
3    "react-directives": {
4      "prefix": "x"
5    }
6  }
7}

List of supported rules

• react-directives/no-undef Disallow Undeclared Variables.

Shareable configurations

Recommended

This plugin exports a recommended configuration.

To enable this configuration use the extends property in your .eslintrc config file:

1{
2  "extends": [
3    "plugin:react-directives/recommended"
4  ]
5}

The rules enabled in this configuration are:

• react-directives/no-undef