Webapps modernas sem bundling/transpilação de JS

• A visão de DHH, desenvolvedor de Ruby on Rails: "o futuro do JavaScript é ES6/HTTP2/Import maps"

• Sem transpiler: como o ES6 agora está presente em todos os navegadores, os transpilers deixaram de ser necessários

• Sem bundler: com o HTTP2 se tornando padrão, não é mais necessário juntar vários arquivos pequenos em um só

• Import maps: a mudança mais importante

→ Para módulos ES6, passam a ser possíveis referências lógicas em vez de referências a arquivos

→ Em vez de colocar hashes no nome dos arquivos e trocar o nome a cada mudança, basta atualizar o mapa que liga módulo e nome de arquivo

→ Chrome e Edge já oferecem suporte. O Firefox também está considerando, e o Safari ainda não tem novidades, mas já existe um excelente shim

→ A gestão manual de import maps ainda exige trabalho, mas no Rails já existe a gem importmap-rails para isso

• Com a combinação dessas três coisas, é possível montar um ambiente de desenvolvimento local sem precisar instalar Node

• O setup já foi aplicado em Stimulus e Turbo, do Hotwire

• Claro que ainda existem aplicações que precisam de Webpack, mas isso está mudando aos poucos

[npmachine]

Acho que a direção do DHH de tentar manter o desenvolvimento web simples está certa.

Hoje em dia, independentemente do que se vá criar, tenta-se acoplar um frontend por inércia, e tenho dúvidas sobre essa tendência.

[iolothebard]

Aqueles import maps podem acabar virando o começo de outra dor de cabeça....