Introdução


Manter a organização e o padrão no código é um dos maiores desafios de um time na programação, isso porque cada desenvolvedor aprendeu a programar de uma forma, cada um tem seu costume, seu editor preferido.

Imagina você pegar um projeto onde não há uma padronização de código definida. Cada classe escrita de uma forma, com quantidades de caracteres por linha sem definição, em alguns lugares utilizando aspas simples, em outros aspas duplas, linhas finalizadas com ponto vírgula, outros sem nada. Pra quem está olhando o projeto pela primeira vez, com certeza ficará confuso de como deverá escrever o seu código.

Nesse documento nós iremos aprender sobre algumas ferramentas que irão nos auxiliar para manter um código padronizado, vamos mostrar o passo a passo para configurar o ESLint, Prettier e EditorConfig no seu Visual Studio Code e nos projetos Node.js, ReactJS e React Native de acordo com o que é passado no Bootcamp GoStack.

Ferramentas para padronização de código


Como já mencionado, abaixo estão as configurações das 3 ferramentas que iremos utilizar para manter nosso código padronizado. Embora não exista uma regra sobre a sequência de instalação e configuração, vamos começar configurando o EditorConfig, na sequência o ESLint e, por fim, o Prettier


EditorConfig

ESLint

Prettier