Se você já está à espreita nos círculos de desenvolvimento há tempo suficiente, provavelmente já ouviu rumores sobre WebAssembly (ou Wasm, porque os desenvolvedores adoram siglas como eu gosto café).

Já foi aclamado como a “próxima grande novidade”, a ferramenta novíssima que prometia transformar seu navegador de um humilde visualizador de documentos em um super-herói completo. Bem, o WebAssembly já existe há alguns anos e adivinhe? Ainda está aqui, cumprindo essa promessa. O JavaScript não se afastou, mas o Wasm tem feito trabalhos pesados ​​silenciosamente em segundo plano e se tornou um parceiro sólido no jogo de desempenho na web.

Então, o que exatamente é WebAssembly?

Imagine isto: JavaScript e C saem para beber, têm uma conversa profunda sobre velocidade e eficiência e boom - nasce o WebAssembly?. Wasm é uma linguagem de baixo nível semelhante a assembly que você pode executar em seu navegador, projetada para tornar os aplicativos da web mais rápidos, mais eficientes e capazes de executar coisas que você nunca imaginou que um navegador pudesse suportar. Pense nisso como se o seu navegador tivesse um pacote de seis por baixo do capuz - pronto para levantar muito mais do que o JavaScript pode suportar.

Em inglês simples? WebAssembly é um formato de código compilado que pode ser executado quase tão rápido quanto o código de máquina nativo e foi projetado para funcionar junto com o JavaScript, e não para substituí-lo. Então não, você não precisa jogar todas as suas habilidades em JS suadas na lixeira ainda.

Por que você deveria se importar? (Ou: Por que estamos falando sobre isso?)

A web é ótima para mostrar memes de gatos e rolagem infinita no Twitter, mas historicamente tem sido péssima para lidar com qualquer coisa muito intensa - como jogos 3D, edição de vídeo ou simulações em tempo real. É aí que Wasm entra, parecendo todo musculoso e intimidador como um super-herói pronto para resgatar seu código das garras da ineficiência?.

Aqui está o que o WebAssembly traz para a mesa:

• Velocidade: Wasm roda muito rápido. Tipo, “reduz segundos no tempo de carregamento” rapidamente. Tipo, “de repente você se sente mal por todas as vezes que fez o JavaScript ter dificuldades” rapidamente.
• Flexibilidade de linguagem: você não precisa mais se restringir ao JavaScript. Você pode codificar em C, C, Rust e muito mais. O WebAssembly não se importa – ele transformará tudo isso em um desempenho extremamente rápido no navegador. É a Suíça das linguagens de programação: neutra, mas secretamente poderosa.
• Superpoderes para navegadores: Quer executar jogos 3D, software CAD ou modelos de aprendizado de máquina diretamente em seu navegador, sem que seu computador chore em segundo plano? Wasm torna isso possível. Seu navegador se torna menos “processador de texto” e mais “traje do Homem de Ferro”.

“Mas eu sou um desenvolvedor da Web e JavaScript é minha carona ou morte!”

Em primeiro lugar, você não precisa romper com o JavaScript. Wasm joga bem com isso? Pense em Wasm como o companheiro musculoso do JavaScript que ajuda no trabalho pesado quando JS fica sem fôlego depois de executar alguns loops.

Na verdade, o WebAssembly pode tornar seu código JS

melhor. Se você tiver algumas tarefas de alto desempenho (como cálculos complexos, análise de arquivos ou renderização de vídeo), poderá entregá-las ao Wasm e deixá-lo cuidar do trabalho pesado enquanto JS se concentra em sua mágica usual de manipulação de DOM.

A relação entre JavaScript e WebAssembly é como aquela equipe de super-heróis onde o inteligente (JS) e o musculoso (Wasm) trabalham juntos para salvar o dia. Nenhum dos dois está sendo substituído – eles apenas ficam melhores juntos. Como manteiga de amendoim e geleia. Ou tabulações e espaços (brincadeira, não comece uma guerra violenta).

“Tudo bem, tudo bem… Mas como começo a usar o WebAssembly?”

Etapa 1: Respire. Wasm pode parecer intimidante, mas não é tão difícil de usar - especialmente se você já escreveu em uma linguagem compilada como C, C ou Rust. Se você ainda não fez isso? Bem, parabéns! WebAssembly é uma ótima desculpa para finalmente aprender aquela linguagem intimidante que você tem evitado.

Etapa 2: Obtenha um compilador que possa gerar Wasm. Existem muitas ferramentas que pegam seu código (em C, C, Rust, etc.) e o compilam no Wasm.

Emscripten é uma escolha popular para projetos C/C, enquanto wasm-pack é excelente para projetos Rust.

Etapa 3: jogue-o em seu navegador. Depois de compilar seu código no WebAssembly, você pode carregá-lo no navegador e começar a aproveitar esses ótimos aumentos de desempenho. Porém, o Wasm não ocupa os holofotes - ele foi feito para funcionar em harmonia com o JavaScript. Seu código JavaScript chamará as funções do WebAssembly como se elas fossem apenas parte da turma. Sem drama.

Etapa 4: Lucro. Ou, pelo menos, relaxe e divirta-se observando seu aplicativo da web ultrapassar os gargalos de desempenho como se tivesse um botão nitroso.

O WebAssembly dominará o mundo?

Olha, não estamos dizendo que o WebAssembly tornará o JavaScript obsoleto ou que seu navegador começará a entrar em combustão espontânea devido ao poder de executar código quase nativo. Mas…

talvez?

Na realidade, o futuro do WebAssembly é mais complementar o ecossistema web existente do que substituir qualquer coisa. É uma ferramenta. Poderoso, sim - mas está aqui apenas para ajudar, não para derrubar a monarquia do JavaScript. E embora ainda demoremos alguns anos para que o Wasm se torne popular em toda a web, ele já está causando ondas em jogos, aplicativos de multimídia e até mesmo em blockchain. Sim, blockchain. Porque, aparentemente, não há nenhum lugar que Wasm não vá.

Considerações finais: Wasm é o verdadeiro negócio

Se o WebAssembly fosse uma pessoa, seria aquele amigo que aparece sem avisar, ajuda você a mover móveis pesados ​​e sai sem pedir pizza. Ele está aqui para fazer o trabalho sujo: cálculos pesados, otimizações de desempenho e transformar o navegador em uma potência capaz de muito mais do que jamais imaginamos ser possível.

Então, se você está procurando ultrapassar os limites do que seu aplicativo da web pode fazer - ou apenas quer fazer com que seu navegador pareça ter passado por um treinamento de super-herói - o WebAssembly está à sua volta? Lembre-se de que com grande poder vêm ótimos tempos de compilação?.

Sobre mim

Olá, sou programORdie, e este é meu primeiro artigo real e adoraria seu feedback, então fique à vontade para deixar um comentário!!

Você também pode conferir meus projetos ou entrar em contato no GitHub: programORdie2.

Espero que tenham gostado do artigo, tenha um ótimo dia!?