Notícias do desenvolvedor: componentes do Vue 3.4, Nuxt 3.9 e React Server analisados

O criador do Vue, Evan You, lançou a versão 3.4 do Vue, a estrutura JavaScript para construção de interfaces de usuário. Você disse que o lançamento inclui “melhorias internas substanciais”, como um analisador de modelos reescrito e um sistema de reatividade refatorado.

O analisador de modelos revisado é duas vezes mais rápido para modelos de todos os tamanhos, você observou.

“Anteriormente, o Vue usava um analisador descendente recursivo que dependia de muitas expressões regulares e pesquisas antecipadas”, escreveu você. “O novo analisador usa um tokenizador de máquina de estado baseado no tokenizer em htmlparser2, que percorre toda a string do modelo apenas uma vez.”

Algumas das outras mudanças no Vue 3.4 são:

• defineModeluma macro fornecida como recurso experimental, agora está estável
• O recurso de abreviação de mesmo nome do V-bind está disponível
• Várias melhorias nas mensagens de erro de incompatibilidade de hidratação
• Códigos de erro com uma página de referência de erro de produção adicionada à documentação

O changelog completo está disponível no GitHub.

Próximo 3.9. Anunciado

Nuxt 3.9 foi lançado durante as férias. A estrutura de código aberto para desenvolvimento web vem com suporte para Vite 5 e Rollup 4 e está pronta para Vue 3.4, de acordo com o desenvolvedor e líder da equipe principal do Nuxt, Daniel Roe.

Agora é possível “brincar” com componentes interativos do servidor no que Roe alertou ser uma “atualização altamente experimental”. Isso permite que os desenvolvedores especifiquem componentes para hidratar dentro de um componente de servidor usando a diretiva nuxt-client, acrescentou.

Também adicionado nesta versão:

• Uma nova API de carregamento granular
• Execute eventos únicos em callOnce
• Tipos de erro

Pão corrige bugs

Bun lançou a versão 1.0.21 com 33 bugs corrigidos na terça-feira. Bun é um tempo de execução JavaScript, empacotador, transpolar e gerenciador de pacotes. Entre as correções, o criador Jared Sumner disse que são abordadas nesta versão: Vazamentos de memória em erros de nós e melhorias na compatibilidade do Node.js.

Mudanças adicionais incluem:
• console.table() — agora há suporte para uma API Web que imprime uma tabela para um objeto ou iterável que é útil para depuração.
• bun:sqlite agora oferece mensagens de erro mais detalhadas.
• bun:sqlite usa menos memória. Ele agora relata o uso de memória do SQLite ao coletor de lixo, o que solicita que o coletor de lixo libere memória “de forma mais agressiva quando necessário”, escreveu Sumner.

Copiloto no iOS

A IA continua avançando nos dispositivos móveis, como relatamos nas últimas semanas do Dev News (veja IA na Apple e Gemini AI para Android). A adição mais recente é a Microsoft lançando um aplicativo para Copilot no iOS e iPadOS, ambos agora disponíveis para download na Apple App Store, informou o Verge no domingo.

O aplicativo permite que os desenvolvedores acessem o GPT-4 do OpenAI sem ter que pagar por uma assinatura, observou o relatório. Além disso, o aplicativo se integra ao DALL-E3, permitindo aos desenvolvedores criar imagens a partir de texto.

Desenvolvedor analisa prós e contras dos componentes do React Server

Os componentes do React Server foram o tema quente para os desenvolvedores do React no ano passado e, inevitavelmente, haverá prós e contras que os desenvolvedores descobrirão à medida que adotarem o RSC. Dev News geralmente não cobre análises, mas é uma semana de notícias um pouco lenta, então estamos compartilhando a análise detalhada do RSC do desenvolvedor Mayank – o bom, o ruim, o feio e o mais feio.

Dado o entusiasmo em torno do RSC, é revigorante ver alguém analisar seus pontos fracos e também seus pontos fortes. Mayank se concentrou na experiência do usuário em particular e em como o RSC pode afetar isso. Na seção “mais feia”, eles destacaram o tamanho do pacote com RSC, observando que há dois anos, o Next.js 12 com Pages Router tinha um tamanho de pacote básico de cerca de 70 KB compactado. Agora, com Next.js 14 e App Router, essa linha de base é de 85 a 90 KB.

“Depois de descompactar, são quase 300 KB de JavaScript que o navegador precisa analisar e executar, apenas para hidratar uma página de ‘olá mundo’”, escreveram eles. “Os recursos simultâneos e a hidratação seletiva podem ajudar a priorizar os eventos do usuário, mas não ajudam com esse custo básico. Provavelmente eles também estão contribuindo para esse custo, apenas pelo fato de existirem. O cache pode ajudar a evitar o custo de novo download em alguns casos, mas o navegador ainda precisa analisar e executar todo esse código.”

É particularmente problemático, pois a redução do tamanho do pacote foi citada como uma das razões para os componentes do React Server, acrescentou Mayank.

React é uma “estrutura legada criada para resolver problemas na escala do Facebook e, como tal, não é adequada para a maioria dos casos de uso”, escreveram eles.

A postagem Dev News: Vue 3.4, Nuxt 3.9 e React Server Components analisados ​​apareceu pela primeira vez em The New Stack.