create react app typescript eslint+prettier config

.eslintrc.json

{
  "env": {
    "browser": true,
    "es6": true
  },
  "extends": ["react-app", "prettier"],
  "plugins": ["react", "prettier"],
  "parserOptions": {
    "ecmaVersion": 2018
  },
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "printWidth": 80,
        "trailingComma": "es5",
        "semi": true,
        "jsxSingleQuote": true,
        "singleQuote": true,
        "useTabs": true
      }
    ]
  }
}

readme.md

• eslint dependencies already installed with CRA
• install prettier dev dependencies
  npm i -D eslint-config-prettier eslint-plugin-prettier prettier
• put settings.json into a .vscode folder in root
  Magic 🧙‍♂️

settings.json

{
  "eslint.format.enable": true,
  "editor.formatOnSave": true,
  "[typescriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  }
}