Vercel adiciona remix: integração suporta aplicativos maiores

Plataforma de desenvolvimento frontend Vercel apoiará o Remix do Shopify em sua plataforma em nuvem, após investir no framework por meio de pesquisa e desenvolvimento. É parte do esforço da Vercel para oferecer suporte amplo a estruturas JavaScript, disse Lee Robinson, vice-presidente de experiência de desenvolvedor da Vercel.

“Apoiamos 35 estruturas”, disse Robinson ao The New Stack. “Nosso objetivo é tentar oferecer suporte a qualquer framework web que você queira implantar na internet. Então, quando analisamos nossas métricas, percebemos que muitas pessoas estavam começando a implantar – é claro, Next.js – e Remix, em vez do tradicional aplicativo estilo Create React App, que é outra maneira de implantar seus aplicativos React .”

Vercel disse que o investimento permitirá aos desenvolvedores implantar e dimensionar aplicativos Remix de qualquer tamanho ou complexidade.

Remix: uma breve história

Vercel criou e mantém Next.js, outra estrutura React de código aberto que é frequentemente posicionada como concorrente do Remix. React é uma biblioteca JavaScript para criação de interfaces de usuário (UIs) para aplicativos de página única para web e dispositivos móveis. As estruturas React são baseadas nesta biblioteca. Remix é uma estrutura React. É edge-first e full-stack, o que significa que pode ser usado para desenvolver front-end e back-end. Criado por Michael Jackson, ex-engenheiro do Twitter, e Ryan Florence, engenheiro de software que liderou o React Training, foi lançado em outubro. 2020. Eles abriram o código-fonte sob a licença do MIT em outubro de 2021 e foi adquirido um ano depois pelo Shopify.

As estruturas baseadas em React são construídas sobre a biblioteca, embora o Remix seja menos fortemente acoplado a ela do que o Next.js, de acordo com Facundo Giuliani, engenheiro de relações com desenvolvedores da Storyblok.

“Ambos os frameworks foram criados em cima do React, mas o Remix tenta se dissociar dele”, escreveu Giuliani no ano passado. “Podemos ver que o Remix oferece níveis mais elevados de abstração. Além disso, diferentes membros da comunidade Remix têm trabalhado em diferentes implementações usando outros frameworks, como Vue.js, Angular e Svelte. Next.js depende do React e não há planos para mudar isso no momento.”

Investimento da Vercel em Remix

Vercel tem trabalhado com a equipe Remix para melhorar o framework, segundo Robinson.

“Nossa equipe contribuiu com mudanças reais no repositório e trabalhou com a equipe principal em algumas sugestões sobre onde levá-lo no futuro”, disse Robinson.

Uma das sugestões veio de clientes que usavam o Remix. Eles queriam usar funções de borda do Vercel com a estrutura. O Remix foi projetado para focar em um único tempo de execução, disse ele.

“Ele não tinha a capacidade de ser mais granular sobre o desejo de usar diferentes tipos de tempos de execução para páginas diferentes. Assim, com o Vercel, por exemplo, temos funções serverless e edge – nossos dois produtos de computação que oferecemos. Você pode usar o Node.js se quiser ou pode usar nosso produto de ponta”, disse ele.

Vercel contribuiu com mudanças e trabalhou com a equipe Remix para que o núcleo do Remix suportasse vários tempos de execução com funções sem servidor e de borda. Da mesma forma, Vercel queria que o Remix fosse capaz de dividir os aplicativos sem servidor em várias partes separadas, em vez de um pacote, para que, quando fosse implantado em um provedor como o Vercel, cada parte pudesse usar uma função sem servidor ou de borda.

“Se eu tiver 1.000 rotas em meu aplicativo, você atingirá alguns limites se tentar colocar tudo isso em um pacote”, disse Robinson. “Com o Remix no Vercel, ele pode escalar para milhares e milhares de rotas, porque é dividido em vários pacotes. Para desenvolvedores amadores ou pequenas ou médias empresas, eles adoram que a computação seja capaz de aumentar ou diminuir e pagam apenas pelo que usam.”

Outras funções suportadas pela integração com Vercel incluem:

• Streaming SSR, que permite aos desenvolvedores renderizar partes da UI de forma incremental para o cliente;
• Desbloqueando ações sem servidor;
• Suporte de armazenamento em cache obsoleto durante revalidação, o que significa que uma solicitação para ler um valor é atendida imediatamente a partir de um cache; e
• Suporte para aplicativos e pacotes maiores.

Vercel postou uma demonstração do Remix rodando em sua plataforma para mostrar as integrações funcionando.

Robinson disse que uma coisa que o Remix faz muito bem é ajudar os desenvolvedores a pensar e aproveitar as vantagens da plataforma web.

“O que isso significa no dia a dia é que, em vez de ter APIs específicas da estrutura, é ter uma estrutura que se baseia na própria plataforma web e usa APIs web como solicitação, resposta e busca que são portáteis e intercambiáveis ​​entre diferentes estruturas”, disse Robinson. “Para os desenvolvedores, isso é algo realmente poderoso e empolgante, porque se eu aprender a usar a web, buscar API, posso usar Next.js, Remix ou Sveltekit. E uma vez que aprendi esse conhecimento, posso escrevê-lo em vários lugares diferentes… Quanto mais os desenvolvedores puderem aprender peças e torná-las interoperáveis ​​e compartilháveis ​​entre diferentes estruturas, acho que será um ótimo resultado para a web.”

A postagem Vercel adiciona remix: integração suporta aplicativos maiores apareceu pela primeira vez em The New Stack.