官术网_书友最值得收藏!

Airbnb React/JSX style guide

The Airbnb React/JSX style guide is the most popular style guide for coding in React. 

To implement the Airbnb React/JSX style guide, we need to install some packages:

npm install --save-dev babel-eslint eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react

You can check all the ESLint rules on the official website (https://eslint.org/docs/rules) and all the special React ESLint rules at https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules.

The rules that I prefer not to use, or that I prefer to change the default values of, are as follows:

  • comma-dangle: Off
  • arrow-parens: Off
  • max-len: 120
  • no-param-reassign: Off
  • function-paren-newline: Off
  • react/require-default-props: Off

First, you need to create a new file called .eslintrc at the root level:

  {
"parser": "babel-eslint",
"extends": "airbnb",
"rules": {
"arrow-parens": "off",
"comma-dangle": "off",
"function-paren-newline": "off",
"max-len": [1, 120],
"no-param-reassign": "off",
"react/require-default-props": "off"
}
}

To run your linter, you have to add a lint script into your package.json file:

 {
"scripts": {
"lint": "eslint --ext .jsx,.js src"
}
}

Now you can lint your files using the Airbnb React/JSX style guide.

主站蜘蛛池模板: 调兵山市| 潜江市| 巴中市| 交口县| 平塘县| 鄱阳县| 怀宁县| 曲水县| 晋中市| 新野县| 临桂县| 苍溪县| 工布江达县| 韩城市| 博爱县| 连江县| 道孚县| 兰西县| 宿迁市| 桓台县| 琼结县| 类乌齐县| 沙雅县| 和田市| 黄龙县| 山阳县| 永寿县| 永新县| 陇西县| 漳平市| 务川| 彭山县| 海城市| 临洮县| 开封县| 卢湾区| 建宁县| 白玉县| 阿克苏市| 惠水县| 军事|