Respostas interessantes marcadas com a tag

11 votos
Aceito

O que significa executar lint no código?

Um linter ou lint é uma ferramenta para análise estática de código. https://en.wikipedia.org/wiki/Lint_(software) Um linter ou lint se refere a ferramentas que analisam código-fonte para acusar erros ...
Piovezan's user avatar
  • 17,9mil
6 votos
Aceito

Erro do ESLint: "Must use destructuring state assignment"

Esse erro é de uma regra do ESLint: Enforce consistent usage of destructuring assignment of props, state, and context (react/destructuring-assignment). Em tradução livre, esta regra serve para ter um ...
Rafael Tavares's user avatar
5 votos

Oque significa esse erro? (Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export)

A causa do erro Esse "erro" está relacionado a uma regra do eslint-plugin-import: import/no-anonymous-default-export. A regra possui a seguinte definição: Reports if a module's default ...
Rafael Tavares's user avatar
4 votos
Aceito

Oque significa esse erro? (Assign arrow function to a variable before exporting as module default import/no-anonymous-default-export)

Atribua a arrow function a uma variável antes de exporta-la como default do seu módulo... const myVar = () => { return <header className="header"> <img src=""...
Giovane's user avatar
  • 2.059
4 votos
Aceito

A opção do ESLint de "enforce code style" adiciona algum comportamento quando já estamos utilizando o Prettier?

Realmente, não é algo necessário, visto que o Prettier já se responsabiliza pela formatação do código, isto é, realizar mudanças no "estilo" do código. Como, por exemplo: Ponto-e-vírgula (...
Luiz Felipe's user avatar
  • 36,3mil
4 votos

O que significa executar lint no código?

Um linter é meio que um formatador de código com um pouco de análise sintática junto. Eu conheço dois "linters" por assim dizer, o HTMLHint usado para verificar código HTML de forma a sobrepor um ...
mutlei's user avatar
  • 3.008
3 votos

Regra ESLint para forçar usar apenas "it" ou "test" nos testes

Existe o plugin eslint-plugin-jest que contém diversas regras de ESLint para o Jest, uma delas é a consistent-test-it. Ao adicionar essa biblioteca como dependência do projeto e adicionar 'jest' ...
Rafael Tavares's user avatar
3 votos
Aceito

Como forçar o Prettier a sempre colocar um ternário em multinível

Você pode estar misturando as coisas. Prettier é um formatador de código extremamente opinativo, de modo que possui pouquíssimas configurações relativas à formatação do código. Mais detalhes. Desse ...
Luiz Felipe's user avatar
  • 36,3mil
2 votos
Aceito

Sugestão do ESLint no import do React

Isso quer dizer que tens uma regra personalizada que o ESLint não encontra. Essa regra foi descontinuada na versão 7. E lá diz assim: Remove deprecated require-extension rule, use the eslint-plugin-...
Sergio's user avatar
  • 135mil
2 votos
Aceito

Devo evitar usar o "optional chaining" dentro das dependências de um Hook?

Como o encadeamento opcional é uma adição relativamente recente no JavaScript (estandardizado com o ECMAScript 2020), o TypeScript (dependendo da opção target) pode emitir o código de modo a funcionar ...
Luiz Felipe's user avatar
  • 36,3mil
1 voto

Problema com Next, TypeScript e ESLint

De acordo com essa thread, eu sugeriria colocar isso aqui no .eslintrc: "rules": { "react/jsx-filename-extension": [1, { "extensions":[".js", ".jsx&...
Hugo B. S. Benedicto's user avatar
1 voto

Problema com Next, TypeScript e ESLint

Olá, provavelmente será necessário adicionar esta regra ao seu .eslintrc.json rules: { 'react/jsx-filename-extension': [2, { 'extensions': ['.js', '.jsx', '.ts', '.tsx'] }], }, Vou deixar alguns ...
Vinicius Zucatti's user avatar
1 voto
Aceito

Verificação de promessa flutuante em TypeScript ESLint (no floating promises)

Lembre-se que toda função assíncrona em JavaScript retorna (sempre) uma Promise. Desse modo, é ideal que você trate-a devidamente (já que se resolverá em um outro momento de execução do código), seja ...
Luiz Felipe's user avatar
  • 36,3mil
1 voto

Utilizando ESLint no VS Code

Em primeiro lugar, precisamos saber qual padrão você vai usar, mas vamos lá. Crie o arquivo .eslintrc globalmente OS: Linux: root@USERNAME > code .eslintrc.json Windows:C:\users\USERNAME\...
Taffarel Xavier's user avatar
1 voto

Configurando eslint com adonisjs

Quando eu estudei Adonis, se recomendava escolher "Nenhum desses". Aqui tem um passo a passo de como configurar o ESLint para AdonisJS https://danielobara.wordpress.com/2019/06/07/configurando-uma-...
Bins's user avatar
  • 3.844
1 voto

O que significa executar lint no código?

Sei que a pergunta é antiga e já foi respondida, mas gostaria de adicionar informação para quem possa encontrar esse tópico. Outras linguagens de programação também possuem seus linters. No Python, há ...
Diego Feitosa's user avatar
1 voto

ESLint capturou um erro, Parsing error: Unexpected token =

Provavelmente o código da pergunta esta localizado dentro de uma classe como uma "static property", como abaixo: class Something { updateDay = () => { const date = new Date(); this....
Guilherme Lemmi's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible