.eslintrc

{
  "extends": [
    "airbnb",
    "plugin:prettier/recommended",
    "react-app",
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "parser": "@babel/eslint-parser",
  "env": {
    "browser": true,
    "cypress/globals": true,
    "jest": true
  },
  "globals": {
    "$": true,
    "fetch": false,
    "ga": false,
    "mobileDetect": false,
    "Modernizr": false,
    "APP__BRANCH": false,
    "APP__BUILD_DATE": false,
    "APP__GITHASH": false,
    "APP__VERSION": false
  },
  "plugins": [
    "babel",
    "cypress",
    "redux-saga",
    "react-hooks"
  ],
  "rules": {
    "array-callback-return": "off",
    "arrow-body-style": [
      "warn",
      "as-needed"
    ],
    "arrow-parens": "off",
    "block-spacing": "warn",
    "camelcase": "off",
    "class-methods-use-this": "off",
    "comma-dangle": [
      "warn",
      {
        "arrays": "always-multiline",
        "imports": "always-multiline",
        "objects": "always-multiline",
        "functions": "only-multiline"
      }
    ],
    "dot-notation": "warn",
    "function-paren-newline": "off",
    "generator-star-spacing": "off",
    "global-require": "off",
    "indent": [
      "warn",
      2,
      {
        "SwitchCase": 1
      }
    ],
    "max-len": "off",
    "newline-per-chained-call": [
      "warn",
      {
        "ignoreChainWithDepth": 5
      }
    ],
    "no-case-declarations": "warn",
    "no-continue": "off",
    "no-mixed-spaces-and-tabs": [
      "warn",
      "smart-tabs"
    ],
    "no-multi-spaces": [
      "warn",
      {
        "exceptions": {
          "VariableDeclarator": true,
          "Property": false
        }
      }
    ],
    "no-nested-ternary": "warn",
    "no-param-reassign": [
      "warn",
      {
        "props": false
      }
    ],
    "no-plusplus": "off",
    "no-restricted-globals": [
      "error",
      "fdescribe",
      "fit"
    ],
    "no-restricted-syntax": [
      "error",
      "DebuggerStatement",
      "LabeledStatement",
      "WithStatement"
    ],
    "no-return-assign": [
      "error",
      "except-parens"
    ],
    "no-template-curly-in-string": "warn",
    "no-trailing-spaces": "warn",
    "no-underscore-dangle": "off",
    "no-unused-vars": "off", // disabled in favor of typescript config (noUnusedLocals and noUnusedParameters=true)
    "@typescript-eslint/no-unused-vars": "off",
    "object-curly-newline": "off",
    "object-shorthand": [
      "warn",
      "always"
    ],
    "one-var": "warn",
    "padded-blocks": "warn",
    "prefer-arrow-callback": [
      "error",
      {
        "allowNamedFunctions": true
      }
    ],
    "prefer-const": "warn",
    "prefer-destructuring": "warn",
    "prefer-template": "warn",
    "prefer-promise-reject-errors": "off",
    "quotes": [
      "warn",
      "single",
      "avoid-escape"
    ],
    "react/jsx-no-bind": "error",
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "error",
    "require-jsdoc": [
      "off",
      {
        "require": {
          "FunctionDeclaration": true,
          "MethodDefinition": false,
          "ClassDeclaration": false
        }
      }
    ],
    "space-before-function-paren": [
      "warn",
      {
        "anonymous": "never",
        "named": "never",
        "asyncArrow": "always"
      }
    ],
    "space-in-parens": "warn",
    "spaced-comment": [
      "warn",
      "always",
      {
        "exceptions": [
          "-+"
        ],
        "markers": [
          "eslint-disable",
          "eslint-disable-line",
          "eslint-disable-next-line",
          "eslint-enable"
        ]
      }
    ],
    "import/no-dynamic-require": "off",
    "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": true
      }
    ],
    "import/no-unresolved": "off",
    "import/no-webpack-loader-syntax": "off",
    "import/no-named-as-default": "off",
    "import/prefer-default-export": "off",
    "jsx-a11y/anchor-has-content": "off",
    "jsx-a11y/anchor-is-valid": "off",
    "jsx-a11y/click-events-have-key-events": "off",
    "jsx-a11y/label-has-for": "off",
    "jsx-a11y/no-static-element-interactions": "off",
    "jsx-a11y/label-has-associated-control": [
      2,
      {
        "controlComponents": [
          "Control.select",
          "Control.text",
          "Control.textarea"
        ],
        "depth": 3
      }
    ],
    "jsx-quotes": "warn",
    "react/forbid-prop-types": "off",
    "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx", ".ts", ".tsx"] }],
    "react/jsx-closing-bracket-location": [
      "warn",
      "line-aligned"
    ],
    "react/jsx-first-prop-new-line": [
      "warn",
      "multiline"
    ],
    "react/jsx-indent": [
      "warn",
      2
    ],
    "react/jsx-indent-props": [
      "warn",
      2
    ],
    "react/jsx-key": "warn",
    "react/jsx-no-target-blank": "off",
    "react/jsx-props-no-spreading": "off",
    "react/no-array-index-key": "off",
    "react/no-danger": "off",
    "react/no-did-mount-set-state": "warn",
    "react/no-did-update-set-state": "warn",
    "react/jsx-boolean-value": "off",
    "react/jsx-curly-newline": "off",
    "react/jsx-fragments": "off",
    "react/jsx-no-duplicate-props": "warn",
    "react/jsx-one-expression-per-line": "off",
    "react/jsx-pascal-case": "warn",
    "react/jsx-wrap-multilines": "off",
    "react/no-direct-mutation-state": "warn",
    "react/no-unused-prop-types": "warn",
    "react/no-unused-state": "warn",
    "react/no-unescaped-entities": "off",
    "react/prefer-stateless-function": "off",
    "react/prop-types": "error",
    "react/require-default-props": "off",
    "react/sort-prop-types": "warn",
    "react/sort-comp": [
      "warn",
      {
        "order": [
          "constructor",
          "lifecycle",
          "everything-else",
          "render"
        ],
        "groups": {
          "lifecycle": [
            "state",
            "statics",
            "contextTypes",
            "childContextTypes",
            "getChildContext",
            "propTypes",
            "defaultProps",
            "shouldComponentUpdate",
            "componentWillMount",
            "componentDidMount",
            "componentWillReceiveProps",
            "componentWillUpdate",
            "componentDidUpdate",
            "componentWillUnmount"
          ]
        }
      }
    ],
    "react/static-property-placement": "off",
    "redux-saga/no-yield-in-race": "error",
    "redux-saga/yield-effects": "error",
    "import/extensions": [
      "error",
      "ignorePackages",
      {
        "js": "never",
        "jsx": "never",
        "ts": "never",
        "tsx": "never"
      }
    ],
    "import/no-anonymous-default-export": "off", // this rule doesn't make much sense to me
    "@typescript-eslint/ban-ts-comment": "off",
    "@typescript-eslint/no-explicit-any": "off", // Leave off until we finish out initial conversion to TS
    "react/no-unstable-nested-components": [
      "warn",
      { "allowAsProps": true }
    ]
  },
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [
          ".js",
          ".jsx",
          ".ts",
          ".tsx"
        ]
      }
    },
    "import/extensions": [
      ".js",
      ".mjs",
      ".jsx",
      ".ts",
      ".tsx"
    ]
  }
}