Hotwire: HTML sobre el cable

 (hotwire.dev)
11 puntos por xguru 2020-12-27 | 7 comentarios | Compartir por WhatsApp
  • Una forma de crear páginas web modernas enviando HTML directamente, en lugar de transmitir JavaScript y JSON

→ Usado en el frontend del servicio de correo Hey

  • Permite usar diversos lenguajes del lado del servidor sin sacrificar la carga rápida de páginas, el renderizado del servidor ni la velocidad y capacidad de respuesta de una SPA

Turbo + Stimulus + Strada

  • Turbo: el núcleo de Hotwire. Un conjunto de tecnologías para crear aplicaciones web rápidas

→ Turbo Drive: convierte todos los clics en enlaces a y los envíos de formularios en fetch, los obtiene del servidor y reemplaza el body. Hace que funcionen como una SPA

→ Turbo Frames: separa páginas complejas en marcos para cargarlos y renderizarlos por separado. Similar a un iframe, pero es un marco virtual procesado dentro de un solo DOM

→ Turbo Streams: transmite por streaming los cambios de la página mediante WebSocket

→ Turbo Native: permite usar el enfoque de Turbo en apps híbridas de iOS/Android

  • Stimulus: Turbo se encarga del 80% y Stimulus maneja el resto. Un framework de JS mínimo

  • Strada: un bridge que conecta la web y lo nativo. Su anuncio está previsto para el próximo año

Lecturas relacionadas

7 comentarios

 
sduck4 2020-12-28

El concepto de transmitir HTML me recuerda a PJAX.
 
gera1d 2020-12-28

Me da la impresión de que strada podría ser la implementación en código de lo que se comentó en https://m.signalvnoise.com/basecamp-3-for-ios-hybrid-architecture/.
 
outsideris 2020-12-27

Stimulus también era originalmente un framework de JS que usaban en Basecamp, pero al ver el repositorio, parece que Turbo básicamente cambió Turbolinks por Turbo. Strada no se ha hecho público, así que todavía no se sabe bien, pero da la impresión de que tomaron tecnologías existentes y las agruparon para usarlas en un enfoque llamado Hotwire.
 
colus001 2020-12-27

Pasa con Phoenix LiveView y parece que últimamente están apareciendo muchos intentos de este tipo. ¿No será que el cansancio con el frontend ha llegado a su punto máximo?
 
gera1d 2020-12-28

¿Quizás eres la persona, Sr. beungj, a la que le gusta subirse al techo?
 
heycalmdown 2020-12-27

La idea está divertida.
 
xguru 2020-12-27

Cuando se reveló el stack tecnológico de HEY: https://es.news.hada.io/topic?id=2355

Habían dicho que, además de Stimulus y Turbolinks en el frontend, había algo más, α; parece que eso era Hotwire.