eslint-plugin-jsx-control-statements

ESLint-plugin-JSX-control-statements

Installation

Install ESLint either locally or globally.

$ npm install eslint

If you installed ESLint globally, you have to install React plugin globally too. Otherwise, install it locally.

$ npm install eslint-plugin-jsx-control-statements

Configuration

Add plugins section and specify ESLint-plugin-JSX-Control-Statements as a plugin.

{
  "plugins": [
    "jsx-control-statements"
  ]
}

If it is not already the case you must also configure ESLint to support JSX.

{
  "ecmaFeatures": {
    "jsx": true
  }
}

Finally, enable all of the rules that you would like to use.

{
  "rules": {
    "jsx-control-statements/jsx-if-condition": 1,
    "jsx-control-statements/jsx-if-single-child": 1
  }
}

List of supported rules

• jsx-if-condition: Warn if If tag is missing condition attribute.
• jsx-if-single-child: Warn if If and Else tags must have single children.

Credits

Thanks to @yannickcr for his awesome eslint-plugin-react.

License

MIT License. Copyright(c) Vivek Kumar Bansal

Changelog

0.1.1

Fixed

• Fix false negatives in jsx-if-single-child.