Saiba como configurar ESlint e Prettier em projeto React

[@gabrm123]

Marco ficou muito bom o tutorial, só queria dar uma dica pra facilitar a configuração, a extensão do eslint pode ser usada como formatador, só ativar nas configurações dela e definir o formatador como o próprio eslint que ai ele não briga com ele mesmo.

[@felixpcll]

Pois é, eu faço os mesmo aqui com os meus projetos. Nem instalo mais o prettier

[@henriquemagno9326]

Mano essa dica resolveu tudo. Estava a 3 dias batendo cabeça pq o prettier não tolerava espaço nas chaves e eu configurei o eslint pra isso. Valeu mesmo, otimo video tb

[@Torques_22]

Como configura ? O meu prettier tá colocando parênteses no this 🤡kkkk

[@henriquemagno9326]

@@Torques_22 no vscode: file > preferences > settings > digita formatter. bota ESLINT

[@Torques_22]

@@henriquemagno9326 tá do mesmo jeito 🤡kkkk

[@jorgevicente5499]

Além do conteúdo ser puro aprendizado, vocẽ consegue deixar o vídeo de uma maneira engraçada, leve, fácil de assistir, OBRIGADO!!!

[@Evandro20]

Salvou, era justamente isso que tava procurando

[@MarcoBrunoDev]

Aí sim!

[@webmasterdeveloper3793]

ajudou de verdade mano! rodei demais esse foi o unico conteudo que me ajudou!

[@alexandre_noguez]

Meu bom, tu é o cara! Muito obrigado por esse tuto REPETACLE!

[@rubenslima7475]

No meu em vez de desativar algum regra no rules do eslintrc, é no extends. Também tive problemas com a endentação, fui em rules > indent e abaixo de error troquei "tab" por 2.

[@FelipeSantos92Dev]

Booooa! Valeu pelo conteúdo!

[@MarcoBrunoDev]

💜

[@eaitreinador]

Toda vez que formato a maquina volto nesse vídeo pra configurar o ambiente hahaha

[@henriquegamer194]

é normal dar problema no fast refresh em arquivos de Context com o eslint configurado?

[@frank511]

Valeu Marco, vai ajudar muito

[@MarcoBrunoDev]

💜💜💜

[@antoniosebastiaodasilva6791]

Muito bom Marco

[@MarcoBrunoDev]

Valeu Antonio :-)

[@_Gohara]

Muito bom!

[@MarcoBrunoDev]

💜

[@estevaog12]

Ajudou demais, obrigado!

[@opupilo708]

Perfeito , obrigado

[@MtSiL]

Toooop!! boaa

[@Nathan-rm3nu]

Muito obrigado!! +1 inscrito

[@_isaac_muniz_]

Vídeo daora na felicidade.

[@frederico-espeschit]

Oi Marco, notei que o Airbnb não oferece mais a opção padrão. Sabes por quê? Quando estava configurando minha reserva, só vi as opções Standard e XO disponíveis.

[@ahcor_inniv]

não tem Airbnb para typescript

[@marcelopereiradossantos8408]

O professor já não está mais do mesmo jeito a configuração se o professor puder atualizar iria nós ajudar muito porque para nos que estamos começando na programação e muito difícil a documentação. Então se o professor puder atualizar a configuração eu agradeço porque eu tenho certeza não é só eu que estou tendo dificuldades em configurar o eslint, prettier no typescript com next, react enfim eu, creio que uma galera está tendo dificuldades de configurar o eslint, prettier era super fácil agora eu não consigo mais. Já tentei de tudo assisti vários vídeos estou pedindo pro professor se você puder ajudar postando a atualização de como configurar o eslint, prettier com typescript num projeto com next js eu agradeço.

[@matheusbittencourt226]

meu eslint não marca como vermelho os itens que es~tao errados, sabe porque?

[@ahcor_inniv]

não tá configurado certo

[@matheusbittencourt226]

@@ahcor_inniv tem alguma ideia? Eu só iniciei react com vite + typescript, e ele já não mostra

[@matheusbittencourt226]

na verdade estava sim, entretanto, só precisei desinstalar e instalar novamente o plugin do eslint no vscode @@ahcor_inniv

[@daniellimae]

🌹

[@MarcoBrunoDev]

💜

[@CaueFidelis]

Caralho que aula da porra

[@imnotvirus]

no Windows tem que configurar o editorConfig também?

[@ahcor_inniv]

nao

[@fabriciosantuchi6424]

like like like like like

[@kaiquematheus3669]

13:04 Posso estar equivocado, mas se usar "prettier.eslintIntegration": true; no User Settings o prettier vai usar as regras do eslint para formatar o código

[@giovannaramos3239]

isso até hoje nao funcionou pra mim, nao sei oq to fazendo de errado. prettier.eslintIntegration nao é reconhecido

[@marcelopereiradossantos8408]

Essas configurações não funcionam

[@danilokrausz9103]

Espero q a pessoa no fundo tenha sobrevivido