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

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.

主站蜘蛛池模板: 陇川县| 宁海县| 马公市| 广州市| 南华县| 宣化县| 神池县| 北川| 宝清县| 晴隆县| 泌阳县| 马鞍山市| 伊通| 长阳| 英吉沙县| 杂多县| 南川市| 岚皋县| 邵阳县| 汉川市| 东阳市| 依安县| 莎车县| 杭州市| 介休市| 桃江县| 玛纳斯县| 普兰县| 香河县| 兴海县| 伊宁县| 天峻县| 公安县| 平乡县| 玉林市| 营口市| 桦南县| 桦川县| 临武县| 佛坪县| 新乡县|