Executando verificação de segurança...
12

Vercel anuncia Turbopack: sucessor do Webpack baseado em Rust

A cada vez que a Vercel migrou de uma ferramenta baseada em JavaScript para uma baseada em Rust, houve uma imensa melhoria. Migrar do Babel resultou em uma transpilação 17x mais rápida. Substituir o Terser resultou em uma minificação 6x mais rápida, reduzindo os tempos de carregamento e o uso de largura de banda. Hoje, anunciaram o Turbopack.

O Turbopack é construído em uma nova arquitetura incremental, onde em aplicativos grandes, ele mostra atualizações 10x mais rápidas que o Vite e 700x mais rápidas que o Webpack. Em aplicativos ainda maiores, a diferença é maior – geralmente 20 vezes mais rápido que o Vite.

Em um aplicativo com 3.000 módulos, o Turbopack leva 1,8 segundo para inicializar, enquanto o Vite leva 11,4 segundos.

Turbopack é 700x mais rápido que Wepback em um grande aplicativo com 3.000 módulos.

O Turbopack é construído sob o Turbo: uma estrutura de memoização incremental de código aberto para Rust. O Turbo pode armazenar em cache o resultado de qualquer função no programa. Quando o programa for executado novamente, as funções não serão executadas novamente, a menos que suas entradas tenham sido alteradas. Essa arquitetura granular permite que o programa ignore grandes quantidades de trabalho, no nível da função.

Mais detalhes sobre os conceitos fundamentais do Turbopack podem ser encontrados na documentação.

O Turbopack será usado para o servidor de desenvolvimento no Next.js 13. Ele alimentará o HMR e suportará os React Server Components nativamente, bem como TypeScript, JSX, CSS etc. O Turbopack eventualmente também será usado nas compilações de produção do Next.js, tanto localmente quanto na nuvem.

Carregando publicação patrocinada...
3

Muito massa Rafael! Sempre gostei muito do Next.js, e como vem dizendo a versão 13 promete muito! A vercel vem trazendo várias inovações e vai ser muito legal acompanhar de perto essa evolução com a comunidade.

3

Sensacional essa publicação Rafael! Estou vendo que o salto para o Next.js 13 vai ser bem grande e que pode mudar muita coisa aqui no TabNews, principalmente na parte de Layout com aquela pasta nova app.

3

Tambem estou muito animado, porem vejo que o uso de funcoes async para fetch de dados usa o novo hook "use" que ainda esta em RFC, entao ate ter isso em prod vai levar mais um tempo, eu curti muito como ficou simples as rotas com layout, e fetch de dados por route. Curioso oara ver o que react query vai trazer.

2

Eu tive a missão de migrar um projeto para o Next 13 essa última semana, e foi impressionante o ganho em velocidade do build. Estamos testando em produção e a princípio só tivemos ganhos :)

3

Semana passada encontrei alguns artigos sobre Rust e entendi um pouco mais a fundo como ele está se tornando o verdadeiro sucessor do C/C++ para muita coisa. É muito legal ver que empresa como a Vercel estão usando o Rust e mostrando que de fato, ela será a linguagem de programação que vai mudar as bases de muitas outras tecnologias que usamos no dia a dia.