4 dicas para escrever código limpo em JavaScript (Clean Code para Iniciantes)

NLW Copa | Inscreva-se gratuitamente para participar do evento completo: rseat.in/ingresso-nlw-copa
Clean Code pode ser interpretado como "código limpo", mas o que de fato faz com que um código seja "limpo"?
Na verdade, o Clean Code do Uncle Bob (Robert Cecil Martin, autor do livro Clean Code) se refere a um código legível, que segue boas práticas para promover o melhor entendimento e manutenção durante o seu desenvolvimento,
Seu código pode ser bom ou ruim, mas ele precisa ser legível para que o seu trabalho evolua.
Então, bora conferir como utilizar e aplicar o Clean Code no JavaScript.
-----
Conecte-se a 200mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat_oficial

[@tiagoribeiro6486]

Conteúdo excelente! Formar os novos programadores já com a consciência da excelência de código. Que venha muito mais desse conteúdo.

[@moisesggomes]

Vídeo super relevante. Valeu!

[@alexandregaspar786]

Show vc é 10! Sou teu fã! 👍

[@cauanypriscylla963]

Ótimo conteúdo, são pequenas coisas que fazem total sentido e que diariamente nós não usamos. Amei d+ S2

[@iskaio]

Conteúdo incrível!

[@luizpauloalves9878]

Gostei, entendi muito! 😄 Continue com o ótimo trabalho👍

[@rocketseat]

Obrigado 😃

[@gabriel2dd]

Maykão é brabo!

[@guioz1652]

Top ❤️

[@AfmpJR]

Valeu Mayk.

[@BoraBuscar]

Obrigado amigo pelo conteúdo!!

[@rocketseat]

Nós que agradecemos!

[@andrewSantosMaia]

tira do titulo java script. Isso é aplicavel a qualquer linguagem. Top!

[@guir]

Precisava ver esse vídeo kkk

[@hitalodejesus4892]

Faz um vídeo sobre o Vlang

[@noriller]

uma frase pra resumir e lembrar fácil: se precisa explicar, então da pra refatorar 15:14 em vez de "!!", acho que ficaria mais claro colocando dentro de um "Boolean()"

[@maykbrito]

Total! Baita refatoração que traria muito mais clareza pro código 💛

[@evandromottaz]

Faria sentido usar o some(), ele retorna um boolean se encontrar algum dentro do array.

[@joaoantoniocabral]

Por volta de 21:16, nas linhas 12 e 13 const date = new Date() Log.add(date, "signed up", email) Não seria interessante já chamar a função new Date dentro do Log.add? Assim: Log.add(new Date(), "signed up", email) E até um caso seria mais interessante que o outro?

[@ruyvieira104]

Podia analisar qualquer trecho do kernel do Linux sob a ótica do "Clean Code"

[@williamwagner1815]

🤣🤣🤣🤣

[@acm.marques]

e ai maykao excelente video outra forma de fazer seria assim sem o uso do find. const isImageRefactored_ = (filename) => { let allowedImages = ['jpg', 'png', 'svg']; const extFile = filename.slice(-3); return allowedImages.includes(extFile); }

[@G.aroucas]

Em 7:00, oque quer dizer com trazer uma documentação para a linha de código ?

[@lucasmedeiros391]

fala maykao

[@edu7blah]

Mantenha isso estúpido, seu limpo! hahah ótimo video. Valeuuuu

[@henriquezolini]

Poxa apagaram meu comentário que eu escrevi com tanto carinho sobre o erro na funcao isImage. Parabens pela prática de apagar os comentarios construtivos.

[@patrickrigaud6342]

Eu fiquei com uma dúvida. Pq usar: const isImageMayk = filename => { let allowedImages = [".jpg", ".png", ".svg"] return !!allowedImages.find(ext => filename.includes(ext)) } Sendo que posso usar simplesmente: const isImageMayk = filename => { let allowedImages = [".jpg", ".png", ".svg"] return !!allowedImages.includes(filename) } Qual é a brisa de usar esse find nesse caso? o que influenciaria?

[@sostenesapollo]

const isImageMayk = filename => { let allowedImages = [".jpg", ".png", ".svg"] return allowedImages.some(ext => filename.endsWith(ext)) } usando some, seria melhor

[@HugoRaniere]

o includes é para ver se a extensão está presente no filename, e o find para que sejam avaliadas todas as extensões do array. No seu segundo exemplo só retornaria true se o filename inteiro estivesse no array de allowedImages. O includes pode ser usado com arrays, mas, no exemplo do Mayk, está sendo usado para encontrar uma substring dentro de uma string maior

[@georgelucasgp]

Pode dar o aumento pro Maikao 👍🏻

[@yanpolicarpo3823]

Cara, to trampando numa empresa meio grande, e por mais que eu conheça formas mais limpas de escrever a mesma coisa que todo mundo ja sabe fazer, as vezes nao é tao interessante aplicar, pois a cultura da empresa ainda não se alinhou com a forma mais atual de escrever

[@yanpolicarpo3823]

O que acaba ocasionando em um passo a mais do usual, onde eu tenho quase a obrigação de difundir o que eu tenho de experiência com os meus colegas de trabalho, na minha opinião a nossa profissão teve uma grande evolução no que diz respeito as soft skills

[@everton_gadea]

desnecessário o inglês, não agregou nada à sua explicação, e ainda se complicando pra escrever, então pra que?

[@rocketseat]

Obrigado pelo feedback, Everton!

[@igorrocha3145]

9:34 Essa forma de verificar se um arquivo termina com a extensão permitida pode possibilitar algo indesejado, como um arquivo "testepng.txt" já que a validação que está sendo feita é se a extensão está incluída no nome do arquivo. Uma validação melhor seria utilizar o método "endsWith()" da seguinte forma: const isImageMayk = filename => { let allowedImages = [".jpg", ".png", ".svg"] return !!allowedImages.find(ext => filename.endsWith(ext)) }

[@sostenesapollo]

const isImageMayk = filename => { let allowedImages = [".jpg", ".png", ".svg"] return allowedImages.some(ext => filename.endsWith(ext)) } usando some, seria melhor