.eslintrc

{
  "parser": "babel-eslint",
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "prettier",
    "prettier/react"
  ],
  "plugins": [
    "prettier",
    "react",
    "class-property",
  ],
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true,
    },
    "ecmaVersion": 2017,
    "sourceType": "module", // es6 import/export
  },
  "env": {
    "es6": true,
    "browser": true,
  },
  "globals": {
    "module": true,
  },
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "semi": true,
        "useTabs": false,
        "tabWidth": 2,
        "printWidth": 80,
        "singleQuote": true,
        "bracketSpacing": true,
        "trailingComma": "all",
        "jsxBracketSameLine": false,
      },
    ],
    "eqeqeq": ["error", "always"], // adding some custom ESLint rules
    "no-var": ["error"], // never use "var", use "let" or "const" instead
    "object-curly-spacing": ["error", "always"], // good: const { a } = b; wrong: const {a} = b;
    "react/display-name": "off",
    "no-console": ["error", { "allow": ["error", "warn"] }],
    "react/prop-types": ["error", { skipUndeclared: true }],
  },
}