Configurações de Plugins para o projeto InstaluraMobile

Instalura Mobile Plugins

- Instalar o eslint e o prettier no projeto:

```bash
npm install -D eslint babel-eslint eslint-config-airbnb eslint-config-prettier \
eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier \
eslint-plugin-react prettier
```

- Criar o arquivo `.eslintrc` na raiz do projeto

```
{
  "extends": ["airbnb", "prettier", "prettier/react"],
  "parser": "babel-eslint",
  "rules": {
    "react/jsx-filename-extension": [
      1,
      {
        "extensions": [".js", ".jsx"]
      }
    ],
    "no-use-before-define": "off",
    "react/prop-types": "off",
    "comma-dangle": "off",
    "react/prefer-stateless-function": "off",
    "prettier/prettier": [
      "error",
      {
        "trailingComma": "es5",
        "singleQuote": true,
        "printWidth": 100
      }
    ]
  },
  "globals": {
    "fetch": false
  },
  "plugins": ["prettier"]
}
```

- Criar o arquivo `.editorconfig`:

```
root = true
[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true
```

- Instalar o plugin do eslint e do prettier no VSCode;

- Configurar o VSCode para formatar ao salvar:

File -> Prefferences -> Settings -> Folder Settings -> {}

```
"settings": {
  // other settings
  // formatting using eslint
  // let editor format using prettier for all other files
  "editor.formatOnSave": true,
  // disable editor formatting, so eslint can handle it
  "[javascript]": {
    "editor.formatOnSave": false
  },
  // available through eslint plugin in vscode
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "javascript.validate.enable": false
}
```