Hotwire: tecnología HTML over the wire

HTML over the wire

Hotwire es un enfoque alternativo para crear aplicaciones web modernas enviando HTML en lugar de JSON, minimizando el uso de JavaScript. Esto permite una carga inicial de página rápida, mantener el renderizado de plantillas en el servidor y ofrecer una experiencia de desarrollo más simple y productiva.

Contenido principal

• Carga inicial de página rápida: mejora la velocidad de carga inicial al enviar HTML.
• Renderizado de plantillas en el servidor: renderiza las plantillas en el servidor sin necesidad de código JavaScript complejo del lado del cliente.
• Experiencia de desarrollo productiva: ofrece un entorno de desarrollo más simple y productivo en diversos lenguajes de programación.
• Framework del equipo de 37signals: se puede usar el framework diseñado por el equipo de 37signals que impulsa HEY.

Opinión de GN⁺

• Mejora de la productividad de desarrollo: al reducir el uso de JavaScript, los desarrolladores pueden crear aplicaciones web de forma más sencilla.
• Posible aumento de carga en el servidor: como las plantillas se renderizan en el servidor, la carga del servidor podría aumentar.
• Comparación con las SPA existentes: hay que considerar las ventajas y desventajas frente a las aplicaciones tradicionales de página única (SPA).
• Compatibilidad con diversos lenguajes: al poder usarse con distintos lenguajes de programación, ofrece alta flexibilidad.
• Aspectos a considerar para adoptar la tecnología: conviene revisar de antemano la compatibilidad con los sistemas existentes y los temas de rendimiento.

[GN⁺]

Opiniones de Hacker News

• Como usuario de la webapp Hey, la experiencia no es buena con conexiones lentas. Podría ser un problema de los desarrolladores por no haber agregado estados de carga o error, o podría deberse a la complejidad o a bugs.
• htmx ofrece funcionalidad en un solo archivo JavaScript y se usa principalmente junto con un backend en Go. Tiene flexibilidad y me gustaría probarlo.
• Tenía una opinión negativa de Hotwire/Livewire, pero ahora entiendo que depende del contexto. Como no escribo apps hipermedia, solo me di cuenta de esto después de volver a leer el artículo de htmx y el paper de REST.
• Si buscas algo similar en PHP/Laravel, recomiendo Livewire. Para proyectos complejos uso React, pero se siente refrescante poder escribirlo todo con Blade/PHP.
• Es una forma fácil de implementar una PWA y está más orientada a desarrolladores en comparación con React/Vue/Svelte. La clave de la competencia está en si se integra o no con los frameworks de backend.
• Comparte un enlace a una conversación de HN de 2020.
• Recuerda un enfoque que usó en 2005 o 2006: interceptar clics, agregar parámetros y devolver partes del HTML renderizado.
• En web apps que no necesitan un frontend altamente interactivo, Turbo y Stimulus reducen lo que los nuevos desarrolladores tienen que aprender.
• Implementó una idea más minimalista llamada Swap JS hace 2 años, y ha funcionado bien en algunos proyectos.
• Un post reciente en internet sobre la lentitud de los modales de Hey desató un debate sobre Hotwire y Rails. DHH afirma que el video original limitó la velocidad, y otros critican que Hotwire depende demasiado de la red.