Especificações ECMAScript aprovadas e como o Planilhas Google usou o WasmGC

Na quarta-feira, a Assembleia Geral da Ecma aprovou a especificação da linguagem ECMAScript 2024, tornando as recomendações oficialmente parte do padrão.

Os novos padrões incluem uma nova maneira de criar promessas que os desenvolvedores desejam resolver, de acordo com Axel Rauschmayer, cientista da computação especializado em JavaScript, TypeScript e desenvolvimento web. Rauschmayer detalha os novos padrões de código, que são:

• Agrupando iteráveis ​​síncronos
• Promessa.withResolvers()
• Sinalizador de expressão regular /v
• Novos recursos para ArrayBuffers e SharedArrayBuffers
• Garantindo que as strings estejam bem formadas
• Atômica.waitAsync()

A equipe do Planilhas Google usou WasmGC para substituir o mecanismo de cálculo JavaScript

O Planilhas Google encontrou um caso de uso para Wasm no navegador – ou mais precisamente, Wasm Garbage Collection (WasmGC). Está usando WasmGC para substituir seu mecanismo de cálculo JavaScript. O mecanismo agora será em código Java compatível com WebAssembly, compartilhou a equipe na quarta-feira.

“No Google, acreditamos que o WasmGC tem potencial para ser ainda mais impactante do que o Wasm devido à popularidade dos idiomas coletados como lixo”, afirmou o post.

O mecanismo de cálculo do Planilhas Google, que trata dos cálculos feitos com a planilha, foi originalmente construído em Java com os cálculos acontecendo no servidor. Mas a partir de 2013, o mecanismo funcionou no navegador usando JavaScript.

“Isso foi originalmente realizado por meio do Google Web Toolkit e, posteriormente, por meio do transpilador Java to Closure JavaScript”, explicou a equipe. “O mecanismo de cálculo JavaScript é executado em um Web Worker e se comunica com o thread principal usando um MessageChannel.”

A equipe usou um mecanismo de validação interno, desenvolvido internamente, para validar os resultados e o tempo da versão JavaScript em relação à versão Java. Eles descobriram que a versão JavaScript era três vezes mais lenta que a versão Java.

A equipe explicou por que o JavaScript é mais lento – tem a ver com os tipos soltos e o comportamento dinâmico – e descreveu ainda mais seu processo para refinar o mecanismo de cálculo do Sheets Wasm, que a princípio era aproximadamente duas vezes mais lento que a versão JavaScript.

“WasmGC é uma tecnologia poderosa que tem potencial para avançar na forma como os desenvolvedores criam aplicações web”, concluiu a equipe. “Nos próximos anos, no Google, esperamos ver o WasmGC avançar para oferecer suporte a multithreading de memória compartilhada e melhorar ainda mais o desempenho de thread único.”

Novos recursos para desenvolvedores do Shopify

Já se passaram dois anos desde que o Shopify, uma plataforma de comércio eletrônico para construção de lojas online, adquiriu o Utopia, um ambiente integrado de design e desenvolvimento de código aberto para React. Esta semana, isso parece estar rendendo dividendos: o Shopify integrou o Utopia com seu novo Hydrogen Visual Editor, que faz parte de sua estrutura Hydrogen stack para headless commerce.

O editor visual é um editor WYSIWYG para vitrines sem cabeça que trará “usuários não técnicos para o fluxo de edição e maximizará os recursos do desenvolvedor”.

Então, o que isso faz para os desenvolvedores front-end?

“Com esta nova ferramenta, você pode manter o controle de suas compilações, pois seu código é sempre a fonte da verdade”, observou o comunicado à imprensa. “Todas as alterações são sincronizadas com o GitHub, com diferenças pequenas e diretas. Isso significa que você pode implementar facilmente uma interface personalizada que suas equipes internas não técnicas podem usar para cópias simples, alterações de conteúdo e criação de modelos de páginas.”

Os desenvolvedores também podem usar ferramentas existentes, como VSCode, GitHub e CI/CD, ao mesmo tempo em que mesclam ramificações e marcam versões para envio mais rápido. O Shopify observou que também facilitou a integração de dados nas páginas, sejam de metaobjetos, da API Storefront do Shopify ou do próprio CMS da organização. O editor visual estará disponível em breve em acesso antecipado.

A notícia foi destacada em uma série de atualizações de desenvolvedores para a edição de verão do Shopify. Outros itens anunciados esta semana:

• Novas extensões de administração, incluindo uma nova extensão de impressão que permite tarefas mais fáceis de atendimento de pedidos para comerciantes, como impressão de faturas ou guias de remessa. “Tudo o que os desenvolvedores precisam fazer é configurar a extensão e nós a transformaremos em um ativo imprimível, aproveitando os recursos nativos do navegador”, explicou o comunicado à imprensa.
• Uma extensão de aplicativo de modelo do Shopify Flow para permitir anexar uma automação a um aplicativo
• As funções do Shopify, que observam, tornaram-se mais poderosas com melhorias na análise JSON para JavaScript e uma pegada Rust menor
• Atualizações na CLI do Shopify
• APIs unificadas com GraphQL
• Webhooks declarativos
• Assistente .dev, uma ferramenta alimentada por IA no Shopify.dev focada em ajudar os desenvolvedores a aprender e usar as APIs GraphQL do Shopify.

A postagem Especificações do ECMAScript aprovadas e como o Planilhas Google usou o WasmGC apareceu pela primeira vez em The New Stack.