Guia de estilo de código em JS ou TS

No geral nossas regras de JS e TS seguem as recomendadas pleo eslint, e pelo 'airbnb-base', entretanto temos algumas modificações. Vale a pena dar uma olhada no .eslintrc do projeto e pesquisar as regrar no eslint que é bem documentado. É também muito importante baixar e instalar a extensões do eslint e do editor config para o seu editor de texto, para auxiliar nestes estilos de código.

Entretanto iremos apresentar algumas regras aqui não cobertas pelo lint, ou aquelas que consideramos as mais importantes.

Sempre utilize ;

✅ Do

import Foo from "foo";

const foo = new Foo();

❌ Don't do:

import Foo from "foo"

const foo = new Foo()

Utilize aspas duplas

✅ Do

import Foo from "foo";

const foo = "Hello";

❌ Don't do:

import Foo from 'foo';

const foo = 'Hello';

Mantenha a linha com menos de 80 caracteres

✅ Do

const url = "";
const ret = await fetch(url)
    .then((x) => {
        ...
    })
    .then((x) => {
        ...
    })
    .then((x) => {
        ...
    })
    .then((x) => {
        ...
    });

❌ Don't do:

const url = "";
const ret = await fetch(url).then((x) => { ... }).then((x) => { ... }).then((x) => { ... }).then((x) => { ... });