Eslint, Prettier and VS Code settings for a React app project

eslintignore

/node_modules
/build

eslintrc.json

{
    "env": {
      "browser": true,
      "es2021": true,
      "node": true
    },
    "extends": [
        "eslint:recommended", 
        "plugin:react/recommended", 
        "plugin:react-hooks/recommended",
        "plugin:prettier/recommended"
        ],
    "parserOptions": {
      "ecmaVersion": 12,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "settings": {
        "react": {
            "version": "detect"
        }
    },
    "plugins": [
        "react", 
        "react-hooks"
    ],
    "rules": {
      "indent": ["error", "tab"],
      "no-unused-vars": ["error", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
      "prettier/prettier": ["error", {}, { "usePrettierrc": true }] 
    }
} 

prettierignore

/node_modules
/build

prettierrc.json

{
	"arrowParens": "always",
	"bracketSpacing": true,
	"htmlWhitespaceSensitivity": "css",
	"insertPragma": false,
	"jsxSingleQuote": true,
	"quoteProps": "as-needed",
	"requirePragma": false,
	"semi": true,
	"singleQuote": true,
	"trailingComma": "none",
	"useTabs": true,
	"printWidth": 140,
	"tabWidth": 2,
	"rangeStart": 0
}

VS Code settings.json

{
    "editor.tabSize": 4,
    "editor.detectIndentation": false,
    "[javascript]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
       "editor.formatOnSave": true,
    },
    "[json]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
}