max lines per function for react
npm install eslint-plugin-react-funcReact function rules for ESLint
You'll first need to install ESLint:
```
$ npm i eslint --save-dev
Next, install eslint-plugin-react-func:
``
$ npm install eslint-plugin-react-func --save-dev
or
``
$ yarn add eslint-plugin-react-func -D
Add react-func to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:
`json`
{
"plugins": [
"react-func"
]
}
Then configure the rules you want to use under the rules section.
`json`
{
"rules": {
"react-func/max-lines-per-function": ["warn", 20],
"react-func/max-combined-conditions": ["error", 1]
}
}
`json`
{
"rules": {
"react-func/max-lines-per-function": [
"warn",
{
"max": 20,
"skipBlankLines": true,
"skipComments": true,
"IIFEs": true
}
],
}
}
javascript
/eslint react-func/max-lines-per-function: ["error", 2]/
function foo() {
var foo = 0;
var bar = 0;
var baz = 0;
}
`$3
`javascript
/eslint react-func/max-lines-per-function: ["error", 2]/
function foo() {
var foo = 0;
var bar = 0;
}
`max-combined-conditions
Options
This rule has a numeric option (defaulted to 1)
`json
{
"rules": {
"react-func/max-combined-conditions": ["error", 1],
}
}
`
$3
`javascript
/eslint react-func/max-combined-conditions: ["error", 0]/
if (a < b && b > c) {
a = c
}
`
$3
`javascript
/eslint react-func/max-combined-conditions: ["error", 0]/
const isBGreaterThanOthers = a < b && b > c if (isBGreaterThanOthers) {
a = c
}
``