What are some examples of ESLint configurations?

What are some examples of ESLint configurations?

ESLint configurations can vary based on project needs. Would you like examples for a specific framework?

Yes, can you provide an example for a React project?

Sure! A basic ESLint configuration for a React project might look like this:

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "react/react-in-jsx-scope": "off"
  }
}

What about a Node.js project?

For a Node.js project, you might use a configuration like this:

{
  "env": {
    "node": true,
    "es2021": true
  },
  "extends": "eslint:recommended",
  "rules": {
    "no-console": "warn"
  }
}

Can you explain what each part of the configuration does?

Absolutely! The env property defines the environments your code runs in, extends allows you to use predefined rules, and rules lets you customize specific linting rules.