react_tips

Eslint config for react

  • https://www.npmjs.com/package/eslint-config-react-app

    1
    npm install --save-dev eslint-config-react-app babel-eslint@9.x eslint@5.x eslint-plugin-flowtype@2.x eslint-plugin-import@2.x eslint-plugin-jsx-a11y@6.x eslint-plugin-react@7.x eslint-plugin-react-hooks@1.5.0

  • At least set these four things
    – semicolon
    – quotes
    – tailing comma
    – line break

  • .eslintrc.json

    1
    2
    3
    4
    5
    6
    7
    8
    9
    {
        "extends": "react-app",
        "rules": {
            "semi": ["error", "always"],
            "quotes": ["error", "single"],
            "comma-dangle": ["error", "always-multiline"],
            "linebreak-style": ["error", "unix"]
        }
    }