.eslintrc

{
  // Let eslint know were working as a browser to allow the standard globals (document, window, etc.)
  "env": {
    "browser": true,
    "node": true,
    "jest": true,
    "cypress/globals": true
  },
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true,
      "requireConfigFile": false
    }
  },
  "plugins": [
    "react",
    "cypress"
  ],
  "ignorePatterns": ["dist"],
  "rules": {
    // Setting a max line-length
    "max-len": [1, 100, 2, {
      "ignoreComments": true,
      "ignoreStrings": true,
      "ignoreTemplateLiterals": true
    }],

    // Disallow all semicolons on line endings
    "semi": ["error", "never"],

    // Allow both .js and .jsx extensions
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],

    // Allow shadow declarations
    "no-shadow": "off",

    // Disallow dangling commas
    "comma-dangle": ["error", "never"],

    // Require spacing in object literals
    "object-curly-spacing": ["error", "always"],

    // Allow class methods that dont use 'this'
    "class-methods-use-this": "off",

    // Allow console log messages
    "no-console": "off",

    // Allow extranious dependencies
    "import/no-extraneous-dependencies": ["error", {"devDependencies": true}],

    // Allow named default exports
    "import/no-named-as-default": "off",

    // Allow files with no default export
    "import/prefer-default-export": "off",

    // Disable the depricated label-has-for rule
    "jsx-a11y/label-has-for": "off",

    // Use the correct version of this rule, rather than label-has-for
    "jsx-a11y/label-has-associated-control": [
      2,
      {
        "labelComponents": [
          "label"
        ],
        "labelAttributes": [
          "htmlFor"
        ],
        "controlComponents": [
          "input"
        ]
      }
    ],

    // Allowing cyclic dependancies
    "import/no-cycle": "off",

    "react/jsx-props-no-spreading": ["error", {
      "custom": "ignore"
    }],

    "react/prop-types": ["error", {
      "skipUndeclared": true
    }],

    // Allow parentheses parameters on new lines, with 'consistent' config
    "function-paren-newline": ["error", "consistent"],

    // Named components should be arrow functions
    "react/function-component-definition": "off",

    "react/display-name": "off",

    "react/no-unstable-nested-components": [
      "warn",
      { "allowAsProps": true }
    ]
  },

  "overrides": [
    {
      "files": [
        "*.test.js"
      ],
      "rules": {
        "import/first": 0
      }
    },
    {
      "files": [
        "serverless/src/**/*"
      ],
      "rules": {
        "import/prefer-default-export": 0
      }
    }
  ],

  // Use AirBnb settings as a base
  "extends": [
    "airbnb",
    "plugin:react/recommended",
    "plugin:cypress/recommended"
  ],

  // Define version settings
  "settings": {
    "react": {
      "pragma": "React",
      "version": "16.12.0"
    }
  }
}