Aplicaciones web modernas sin bundling ni transpiling de JS

• La opinión de DHH, desarrollador de Ruby on Rails: "El futuro de JavaScript es ES6/HTTP2/Import maps"

• Sin transpiler: como ES6 ya funciona en todos los navegadores, ahora ya no hace falta un transpiler

• Sin bundler: como HTTP2 se volvió el estándar, ya no es necesario agrupar archivos pequeños en uno solo

• Import maps: el cambio más importante

→ Permiten referencias lógicas en lugar de referencias a archivos para los módulos de ES6

→ En vez de poner hashes en los nombres de archivo y cambiar el nombre cada vez que hay una modificación, basta con actualizar el mapa que conecta módulos y nombres de archivo

→ Chrome y Edge ya lo aplican. Firefox también lo está considerando, y aunque no hay noticias de Safari, ya existe un excelente shim

→ La gestión manual de import maps todavía requiere trabajo, pero para Rails ya crearon la gema importmap-rails

• Con la combinación de estas tres cosas, es posible construir un entorno de desarrollo local sin necesidad de instalar Node

• Este setup ya se aplicó a Stimulus y Turbo para Hotwire

• Claro que todavía hay aplicaciones que necesitan Webpack, pero poco a poco esto está cambiando

[npmachine]

Creo que el enfoque de DHH de mantener simple el desarrollo web es el correcto.

Hoy en día, sin importar lo que se construya, se intenta agregar un frontend casi por inercia, y tengo mis dudas sobre esa tendencia.

[iolothebard]

Temo que esos import maps puedan terminar siendo otro punto de partida para meterse en problemas...