Standard e React JS - AlexVFornazieri/standard-guide GitHub Wiki

Configurações iniciais

O eslint-config-standard-react é um ESLint Shareable Config para React/JSX para suporte do JavaScript Standard Style.

Esse comando irá instalar tudo o que você precisa:

npm install --save-dev eslint-config-standard eslint-config-standard-react eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node eslint-plugin-react

Você deve criar também um arquivo na raiz do projeto com nome de ".eslintrc" que devá conter o seguinte conteúdo:

{
  "parser": "babel-eslint",
  "extends": ["standard", "standard-react"]
}

Como complemento, adicione uma configuração do Standard no seu "package.json"

  "standard": {
    "parser": "babel-eslint"
  }

Parece repetitivo, eu sei, mas isso será util para evitar erros de lint ao escrever com sintaxes ES6+ em alguns editores, como o VSCode.

no-return-assign behavior changed with arrow functions

Um erro que enfrentei ao aplicar o standard em projetos React, foi o "Arrow function should not return assignment", o mesmo que é resolvido com a adição de parenteses, embora ainda continue retornando uma atribuição. A solução para contornar o erro foi apresentada nesssa resposta.

// Arrow function should not return assignment
// Arrow function não deve retornar atribuições
const a = (v) => v.b = 1
// passes
// cógido ok
const a = (v) => (v.b = 1)