Riding . eslintrc, how to write?

Asked

Viewed 114 times

2

I took a project with this Eslint:

   {
  "extends": [
    "keystone"
  ],
  "rules": {
    "no-unused-vars": [2, {"vars": "all", "args": "after-used"}],
  },
}

Another with that Eslint here

{
  "parser": "babel-eslint",
  "plugins": [
    "react"
  ],
  "env": {
    "browser": true,
    "node": true
  },
  "globals": {
    "fetchAPI": true,
    "_": true,
    "err": true
  },
  "ecmaFeatures": {
    "arrowFunctions": true,
    "blockBindings": true,
    "classes": true,
    "defaultParams": true,
    "destructuring": true,
    "forOf": true,
    "generators": false,
    "modules": true,
    "objectLiteralComputedProperties": true,
    "objectLiteralDuplicateProperties": false,
    "objectLiteralShorthandMethods": true,
    "objectLiteralShorthandProperties": true,
    "spread": true,
    "superInFunctions": true,
    "templateStrings": true,
    "jsx": true
  },
  "rules": {
    "strict": [2, "never"],
    "no-var": 2,
    "no-shadow": 0,
    "no-shadow-restricted-names": 2,
    "no-unused-vars": [2, {
      "vars": "local",
      "args": "after-used"
    }],
    "no-use-before-define": 0,
    "comma-dangle": [2, "never"],
    "no-cond-assign": [2, "always"],
    "no-console": 1,
    "no-debugger": 1,
    "no-alert": 1,
    "no-constant-condition": 1,
    "no-dupe-keys": 2,
    "no-duplicate-case": 2,
    "no-empty": 2,
    "no-ex-assign": 2,
    "no-extra-boolean-cast": 0,
    "no-extra-semi": 2,
    "no-func-assign": 2,
    "no-inner-declarations": 2,
    "no-invalid-regexp": 2,
    "no-irregular-whitespace": 2,
    "no-obj-calls": 2,
    "quote-props": ['error', "as-needed", {"keywords": true , "unnecessary": false }],
    "no-sparse-arrays": 2,
    "no-unreachable": 2,
    "use-isnan": 2,
    "block-scoped-var": 2,
    "consistent-return": 0,
    "curly": [2, "multi-line"],
    "default-case": 0,
    "dot-notation": [2, {
      "allowKeywords": true,
      "allowPattern": "^\\w+(_\\w+)+$"
    }],
    "eqeqeq": 2,
    "guard-for-in": 2,
    "no-caller": 2,
    "no-else-return": 2,
    "no-eq-null": 2,
    "no-eval": 2,
    "no-extend-native": 2,
    "no-extra-bind": 2,
    "no-fallthrough": 2,
    "no-floating-decimal": 2,
    "no-implied-eval": 2,
    "no-lone-blocks": 2,
    "no-loop-func": 0,
    "no-multi-str": 2,
    "no-native-reassign": 2,
    "no-new": 2,
    "no-new-func": 2,
    "no-new-wrappers": 2,
    "no-octal": 2,
    "no-octal-escape": 2,
    "no-param-reassign": 0,
    "no-proto": 2,
    "no-redeclare": 2,
    "no-return-assign": 2,
    "no-script-url": 2,
    "no-self-compare": 2,
    "no-sequences": 2,
    "no-throw-literal": 2,
    "no-with": 2,
    "radix": 0,
    "vars-on-top": 2,
    "wrap-iife": [2, "any"],
    "yoda": 2,
    "indent": ["error", 2, { "SwitchCase": 1 }],
    "brace-style": [2,
      "1tbs", {
      "allowSingleLine": true
    }],
    "quotes": [
      2, "single", "avoid-escape"
    ],
    "no-undefined": 0,
    "no-undef": "error",
    "camelcase": 0,
    "comma-spacing": [2, {
      "before": false,
      "after": true
    }],
    "comma-style": [2, "last"],
    "eol-last": 2,
    "func-names": ['error', 'never'],
    "key-spacing": [2, {
        "beforeColon": false,
        "afterColon": true
    }],
    "new-cap": [2, {
      "newIsCap": true
    }],
    "no-multiple-empty-lines": [2, {
      "max": 2
    }],
    "no-nested-ternary": 2,
    "no-new-object": 2,
    "no-spaced-func": 2,
    "no-trailing-spaces": 2,
    "no-extra-parens": 0,
    "no-underscore-dangle": 0,
    "one-var": 0,
    "padded-blocks": 0,
    "semi": [2, "never"],
    "semi-spacing": [2, {
      "before": false,
      "after": true
    }],
    "keyword-spacing": 2,
    "space-before-blocks": 2,
    "space-before-function-paren": [2, "always"],
    "space-infix-ops": 2,
    "spaced-comment": 0,
    "react/display-name": 0,
    "react/jsx-boolean-value": 2,
    "jsx-quotes": [2, "prefer-single"],
    "react/jsx-no-undef": 2,
    "react/jsx-sort-props": 0,
    "react/jsx-sort-prop-types": 0,
    "react/jsx-uses-react": 2,
    "react/jsx-uses-vars": 2,
    "react/no-did-mount-set-state": [2, "allow-in-func"],
    "react/no-did-update-set-state": 2,
    "react/no-multi-comp": 0,
    "react/no-unknown-property": 2,
    "react/prop-types": 2,
    "react/react-in-jsx-scope": 2,
    "react/self-closing-comp": 2,
    "react/wrap-multilines": 2,
    "react/sort-comp": [0, {
      "order": []
    }]
  }
}

My question is the following do I write Eslint according to what I write or is there a Patterns design for each type of project? Every time I start a project and use lint I have to build a different Eslint?

1 answer

2


Define the code organization rules you want to implement and create a configuration file with what you decided.

If you always use the same rules, just copy a file, if you have different rules (because others on the team like other rules or because the contract requires it), then you have to make a new one...

An example: in the Mootools library the team decided a series of rules that everyone respected, later that was implemented in Eslint by myself and Tim Wienk. These rules were community-specific and nothing mandatory for all Javascript projects for example.

  • Thank you! So it’s a matter of the development team’s default rule.

  • @Fredericksilva yes, depends on the team.

  • Very cool this documentation of the rules that are used in Eslint, @Sergio you advise to document every new rule added, or set aside a time in the roadmap to do this review later?

  • @Fredericksilva if the team decides a new rule is to run the whole code and change soon. Otherwise you will be making a habit of not following rules.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.