Por que código limpo importa?

Diferença visual

function x(a,b){return a+b;}

function somarNumeros(primeiroNumero, segundoNumero) {
  return primeiroNumero + segundoNumero;
}

A diferença é clara, certo? No segundo exemplo, você sabe exatamente o que a função faz, sem precisar adivinhar.

Facilidade de leitura

Menos bugs, mais felicidade

Manutenção simplificada

Trabalho em equipe

Regras de ouro para um código impecável

1. Nomes que fazem sentido

let x = 10;
let y = "Diego";

let idadeUsuario = 10;
let nomeUsuario = "Diego";

Se você precisa de comentários para explicar um nome, escolha outro nome!

2. Funções pequenas e focadas

function processarUsuario(nome, idade) {
  console.log("Nome: " + nome);
  if (idade >= 18) {
    console.log("Maior de idade");
  } else {
    console.log("Menor de idade");
  }
}

function exibirNomeUsuario(nome) {
  console.log("Nome: " + nome);
}

function verificarMaioridade(idade) {
  return idade >= 18 ? "Maior de idade" : "Menor de idade";
}

3. Comentários: use com moderação

// Soma dois números
function soma(a, b) {
  return a + b;
}

function somarNumeros(a, b) {
  return a + b; // Somar os números fornecidos
}

4. Formatação consistente

function test(){console.log("oi");let x=10;}

function testar() {
  console.log("Oi");
  let numero = 10;
}

Ferramentas como Prettier e ESLint podem ajudar a manter o padrão.

📽️

Assista ao vídeo abaixo para aprender como configurar Prettier e ESLint no seu projeto utilizando o Next.js, Tailwind CSS e outras ferramentas recomendadas. Veja como otimizar sua configuração com dicas práticas que você pode implementar agora mesmo!

5. Teste, teste e teste!

function somar(a, b) {
  return a + b;
}

// Teste
console.assert(somar(2, 2) === 4, "Teste falhou!");

Organizando seu projeto como um(a) profissional

src/
  components/
  styles/
  utils/

• components/: arquivos reutilizáveis como botões e cabeçalhos.

• styles/: arquivos de estilização.

• utils/: funções auxiliares, como manipulação de datas.

Evite colocar tudo em um único arquivo, como utils.js. Divida responsabilidades para facilitar a manutenção.

Conclusão: transforme sua jornada com código limpo