O futuro das ferramentas de compilação JavaScript

O que é isso?

A criação de software JavaScript é um processo que requer muitas ferramentas. Embora os navegadores possam consumir JavaScript diretamente, geralmente existe um maquinário que permite que os desenvolvedores se concentrem na criação de software. Hoje em dia, o código é provavelmente escrito em TypeScript , um superconjunto de JavaScript criado pela Microsoft que precisa ser traduzido para JavaScript de que o navegador (ou outro runtime de JavaScript , como, por exemplo, Node.js ) precisa.

Existem vários bundlers que orquestram a criação dos dados a serem enviados ao navegador do usuário. Mas esse conjunto de softwares está em constante evolução, apesar de existirem ferramentas bastante comuns em muitos projetos atuais.

Dependendo do projeto, pode ser útil reconsiderar regularmente suas ferramentas e ficar de olho no mercado, pois várias novas ferramentas ou substituições de antigas oferecem benefícios reais em termos de velocidade e facilidade de desenvolvimento.

• O TypeScript não é mais tão novo e é adotado em mais e mais projetos de software. Ele fornece segurança de tipo mesmo em diferentes pacotes e permite evitar erros durante a programação, em vez de executá-los na produção. Isso vem com uma sobrecarga ao escrever software e ao processá-lo para JavaScript.
• O código do aplicativo do seu navegador — pode ser TypeScript, JavaScript, HTML, CSS (pré-processado), ativos e assim por diante precisa ser compactado para ser implantado. Ferramentas como webpack , Rollup , Parcel e outras fazem esse trabalho.
• Para seu aplicativo do lado do servidor, você precisa de um ambiente de tempo de execução como Node.js para executar seu software.

Em termos de velocidade, o esbuild foi uma verdadeira virada de jogo em nossos projetos. Pode ser usado, por exemplo, em configurações de webpack existentes como um carregador que substitui o babel-loader. Normalmente, apenas pequenos ajustes são necessários em seu código e vimos melhorias de velocidade de 50% ou mais em nossos projetos.

Mas o esbuild também pode ser usado de forma autônoma para preparar o código para o tempo de execução. Esbuild é escrito em Go compilado para código nativo, o que o torna super rápido.

Aqui estão algumas ferramentas a serem observadas:

• Parcel CSS : CSS Parser, compilador e minificador, que promete alta velocidade (como está escrito em Rust )
• Vite.js : ferramentas frontend e empacotamento com a velocidade de esbuild sob o capô. Ele se baseia em módulos Ecmascript e vem fortemente opinativo para fornecer uma boa experiência de desenvolvimento desde o início.
• Bun : O mais novo tempo de execução do JavaScript. Afirma ser super rápido e pronto para uso com recursos de empacotamento, transpilação (também TypeScript) e tem o material que você obtém com o npm diretamente incorporado. Curiosamente, está escrito em Zig e tem um bolinho de massa como logotipo .

Por que o recomendamos?

Embora seja importante fornecer uma plataforma estável e bem testada para o aplicativo a ser criado, as coisas, especialmente no mundo do JavaScript, estão se desenvolvendo em um ritmo acelerado. É difícil acompanhar todas as coisas novas, e muitos novos projetos sofrerão com pouco suporte no futuro. Outros vieram para ficar e permitir a migração para um fluxo de trabalho de melhor desenvolvimento (como mencionado acima: TypeScript, esbuild-loader).

Sempre incentivamos o uso de uma combinação de ferramentas bem testadas e software de última geração, para que você controle o risco que está assumindo. Para o desenvolvedor, as ferramentas apresentadas fornecem um início mais fácil e uma alta velocidade para tarefas às vezes tediosas durante a criação de novos produtos de software.

Autor: Dirk Weber
Ilustrações: Kai Sinzinger

Este artigo faz parte de uma série chamada #24TechBites. Para adoçar o tempo restante até o Natal, pretendemos informá-lo sobre as tecnologias atuais, inspirá-lo ou dar-lhe uma revisão opinativa das tendências de software - tudo na forma de 24 pequenas surpresas diárias na tradição alemã de um “Adventskalender”.

Para aproveitar todos os outros #TechBites e saber mais sobre nós e nosso calendário do advento, clique em #24TechBites !

Sobre

A Büro am Draht é uma consultoria sediada em Berlim que ajuda nossos clientes a criar plataformas digitais resilientes e adaptáveis ​​para dar suporte aos requisitos de negócios atuais e até mesmo lançar modelos de negócios de amanhã que ainda não previmos. Portanto, trabalhamos juntos em todas as etapas do processo de transformação digital - desde a estratégia digital até o design e desenvolvimento da solução e o suporte operacional.

Nossa abordagem ágil para o desenvolvimento de soluções versáteis e escaláveis ​​garante que nossos clientes ofereçam consistentemente experiências envolventes e personalizadas. Para saber mais sobre como ajudamos empresas em todos os setores, visite:

dasburo. com
LinkedIn