2022 é um ano dourado à medida que o JavaScript avança para o limite

Em janeiro 2022, The New Stack levantou a questão: “Será 2022 uma era de ouro para o JavaScript Full-Stack?” O artigo baseou-se no trabalho do desenvolvedor e criador do Best of JS, Michael Rambeau, que rastreia projetos de tendência no ecossistema JavaScript e os reúne em seu JavaScript Rising Stars anual, que classifica os projetos de acordo com as estrelas fornecidas no GitHub.

É uma ideia convincente a noção de que o JavaScript pode estar na Era de Ouro. Apesar dos rumores iniciais e frequentes de que o WebAssembly ou a estrutura htmx poderiam tirar o JavaScript de seu trono, essas previsões ainda são isso… previsões.

Enquanto isso, o JavaScript teve outro ano dourado, à medida que se espalhou até o limite e suas estruturas proliferaram.

Javascript vai ao limite

Uma grande tendência que provavelmente só se acelerará em 2023 é a mudança do JavaScript para o limite. Mais empresas — incluindo Cloudflare, Netlify, Deno e Vercel — adotaram esse paradigma, tornando mais fácil do que nunca para os desenvolvedores implantarem na borda.

“Mais uma (tendência) que é muito, muito interessante é a ascensão da computação de ponta, e isso é liderado principalmente por CloudFlare e Deno”, disse Shawn “@swyx” Wang ao The New Stack no início deste ano.

Edge tradicionalmente significa tecnologias da Internet das Coisas, mas quando os desenvolvedores usam o termo, eles tendem a significar uma rede de entrega de conteúdo (CDN), que é um grupo de servidores distribuídos geograficamente que entregam conteúdo do local mais próximo do usuário. É até usado como sinônimo de serverless.

“Eles tentam armazenar em cache o conteúdo próximo ao usuário”, explicou Wang. “Então, quando estou em São Francisco e solicito conteúdo do leste dos EUA, na verdade não estou pagando pelo leste dos EUA, na verdade estou fazendo ping em meu data center CDN local.” Esses serviços CDN podem ser tão pequenos – pequenos o suficiente para serem instalados em uma torre de celular, acrescentou. Wang afirma que há um grande esforço para reescrever o código para aproveitar as vantagens.

“Como você está implantando seu código em mais servidores, essencialmente, eles são apenas servidores menores em todos os lugares. O novo centro – a nova geração de (…) empresas de computação de ponta – encontrou uma maneira de implantá-lo em uma espécie de V8 isolado, que na verdade pega o mecanismo JavaScript do Chrome e o executa como um servidor”, disse ele. “O Chrome é superleve em comparação com um sistema operacional inteiro, (então você) apenas o executa como um servidor; e quando você diminui tanto, você pode torná-lo muito mais barato.”

Como resultado, os servidores de ponta tendem a ser mais baratos do que servir uma página a partir de um local central, acrescentou.

Wang não é o único que apregoa o valor da vantagem. Ele ocupou o centro das atenções na Conferência Jamstack deste ano, onde Sunil Paiex-engenheiro de sistemas sênior da Cloudflare, sugeriu que os desenvolvedores colocassem parte de seus sites no limite no último trimestre de 2022.

“Estamos trabalhando no resto no momento. Há muito trabalho a fazer, mas você deve usá-lo muito hoje”, disse Pai. Pai é agora fundador do Cool Computer Club, que cria ferramentas de desenvolvedor para aplicativos de ponta.

O cofundador e CEO da Netlify, Matt Biilmann, disse que sua empresa de desenvolvimento baseada em nuvem teve recentemente um crescimento aproximadamente três vezes maior que o mês anterior em casos de uso de borda. De acordo com uma pesquisa realizada pela Netlify com quase 7.000 desenvolvedores da comunidade Jamstack, mais da metade está testando a vantagem criando sites dinâmicos. A pesquisa definiu sites dinâmicos de borda “como sites que são totalmente dinâmicos e renderizam todo o seu conteúdo na borda (ou seja, usando funções sem servidor ou funções de borda)”.

O começo do fim para páginas estáticas

Uma razão para o impulso até o limite é que ele promete algum nível de personalização que não pode ser realizado por um site estático do lado do servidor.

Wang afirmou que a geração lateral estática (SSG) está “basicamente morta” em uma palestra no Reactathon deste ano. Ele também notou um movimento em direção à renderização incremental, juntamente com o roteamento de bordas. Ele destacou que “Next.js está ganhando muito” como uma estrutura que apóia essas tendências.

Wang descreveu as “eras” do JavaScript na conferência, alegando que estamos agora na terceira idade. Ele previu uma “requalificação” do JavaScript até o final da década de 2020. Embora ele não tenha especificado o que poderia substituir o JavaScript, ele observou que o WebAssembly está “em sua primeira era” atualmente.

Você obtém uma estrutura! E você obtém uma estrutura!

Bem, não exatamente. A mesma pesquisa da comunidade Jamstack descobriu que o framework mais usado é o React, com mais de 71% de uso em alguns ou na maioria dos projetos no ranking dos 29 frameworks que entraram na lista. Embora o React seja tecnicamente uma biblioteca JavaScript, ele forma a base de muitos frameworks JS.

“A história mais óbvia nos dados da nossa estrutura é o crescimento contínuo do React”, afirmou a pesquisa. “Embora existam muitas opções para construir um aplicativo web reativo, o enorme ecossistema em torno do React continua a torná-lo uma escolha fácil para muitos.”

Isso não impediu que estruturas alternativas entrassem nesse campo lotado, incluindo o Fresh.

Fresh é uma estrutura JavaScript full-stack criada pelo engenheiro de software da Deno, Luca Casonato. É baseado no Preact, uma biblioteca JavaScript que se apresenta como uma alternativa ao React do Meta. Ele também usa Deno, em vez do NodeJS mais comum.

Continuando a tendência de migrar para o edge, o Fresh é otimizado para edge computing, com a maior parte da renderização feita no servidor, disse Casonato ao The New Stack. Isso se traduz em um ótimo desempenho em todo o mundo, afirmou Casonato, mesmo em dispositivos lentos. Outras estruturas JavaScript que enviam mais código ao cliente muitas vezes têm dificuldades em comparação com dispositivos lentos, disse ele.

Ele comparou-o ao Node.js ou Vercel, que, segundo ele, pode ter funções sem servidor executadas no Amazon Web Services em uma única região. Por que criar outra estrutura? Casonato disse que velocidade e experiência do desenvolvedor eram dois aspectos que ele achava que faltavam em outros frameworks. A combinação, afirmou ele, é uma estrutura melhor com menos desvantagens do que as estruturas existentes.

“A estrutura é realmente construída para renderização no lado do servidor, por isso envia muito pouco JavaScript, muito pouco código para os clientes e mantém o máximo possível no servidor, para tornar a experiência realmente rápida para os usuários”, disse ele.

Redwood também foi lançado este ano. É outra estrutura full-stack baseada em JavaScript que usa React, mas é voltada para startups e empresas que desejam uma pilha completa baseada em ferramentas populares. Tom Preston-Warner, fundador e ex-CEO do Github, é um dos quatro fundadores e 300 colaboradores da estrutura de desenvolvimento web de código aberto.

“O que eu queria fazer era reunir um conjunto de ferramentas que já eram comumente usadas, mas fazer o trabalho árduo de integrá-las de maneira realmente bonita para que as pessoas pudessem começar a trabalhar construindo o que há de especial em sua aplicação”, disse Preston-Warner ao The Nova pilha.

É improvável que tenhamos visto o fim dos novos frameworks JavaScript, de acordo com Kelsey Torre Alta, um renomado engenheiro do Google e palestrante frequente em conferências. Hightower disse ao The New Stack que nunca haverá apenas um framework JavaScript.

“Nunca haverá um porque a experiência está sempre mudando”, disse Hightower. “Gostamos disso, como humanos, porque queremos ouvir algo novo. …Isso nunca vai parar. Mas será que queremos que isso aconteça? Eu não acho que realmente queremos isso.”

Progresso do ECMAScript

JavaScript, o padrão aberto, também passou por oito atualizações este ano, com o lançamento do ECMAScript 2022. Vários desenvolvedores apontaram os recursos error.cause como uma atualização importante.

Uma mudança que Wang espera em 2023 é a proposta temporal, que está na terceira fase do processo de proposta de quatro fases. Isso resolveria problemas de formatação de dados que podem ser complicados e às vezes ambíguos, disse ele ao The New Stack.

Resumindo, o JavaScript continua a ser o motor da inovação em aplicações web na web. Só que agora é mais proeminente no limite e há ainda mais estruturas para escolher.

O post 2022, um ano dourado à medida que o JavaScript se move para o limite apareceu pela primeira vez em The New Stack.