eslint & Prettier 05/04/2022 for React

.eslintignore

node_modules
build
.eslintrc.js
.prettierrc.js
.eslintcache

.eslintrc.js

module.exports = {
  "env": {
      "browser": true,
      "es2021": true
  },
  "extends": [
      "eslint:recommended",
      "plugin:react/recommended",
      "prettier"
  ],
  "parserOptions": {
      "ecmaFeatures": {
          "jsx": true
      },
      "ecmaVersion": "latest",
      "sourceType": "module"
  },
  "plugins": [
      "react"
  ],
  "rules": {
         "indent": [
        "error",
        2  
    ],
    "quotes": [
        "error",
        "single"
    ],
    "semi": [
        "error",
        "never"
    ],
    "eqeqeq": "error",
    "no-trailing-spaces": "error",
    "object-curly-spacing": [
        "error", "always"
    ],
    "arrow-spacing": [
        "error", { "before": true, "after": true }
    ],
    "no-multiple-empty-lines": 1,
    "no-console": 0,
    "react/prop-types": 0,
    "react/react-in-jsx-scope": "off"
  },
  "settings": {
      "react": {
        "version": "detect"
      }
    }
}

/* add following scripts 
 "lint": "eslint .",
 "lint:fix" : "npm run lint -- --fix"
*/

// install and run prettier it wont work either

.prettierignore

node_modules
build
.eslintrc.js
.prettierrc.js
.eslintcache

.prettierrc.js

module.exports = {
  semi: false,
  singleQuote: true,
};