create-react-app + ESLint + prettier + VSCode

Instructoin.md

1. Install packages

npm i -D prettier eslint-config-prettier eslint-plugin-prettier

2. Add file .eslintrc with this content:

{
  "extends": ["react-app", "prettier"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

3. Add this to package.json inside scripts section:

    "format": "eslint --fix src/**/*.js"

4. Create folder .vscode and file settings.json inside this folder wiht content:

{
  "javascript.format.enable": false,
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "eslint.autoFixOnSave": true,
  "files.autoSave": "onFocusChange"
}

5. Install eslint extentions for VSCode https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint