Cómo utilizar Hotwire con Ruby on Rails

February 18, 2022

Tags: Tecnologías
ruby on rails
Unsplash

 

Una opción para acelerar los cambios de página, envíos de formularios y dividir las páginas complejas sin tener que escribir ningún código JavaScript en tu website o aplicación creada con Ruby on Rails, es aplicar Hotwire.

 

¿Qué es Hotwire?

 

Hotwire es una tecnología dispuesta a facilitar el trabajo de un desarrollador, ya que brinda una manera de crear páginas web modernas sin tener que escribir JavaScript, esto mediante el envío de HTML en lugar de JSON por cable. Esto resulta en páginas que cargar más rápido. También, mantiene el renderizado en el lado del servidor con lo que permite una experiencia de desarrollo más simple y productiva. 
El núcleo de Hotwire es la joya Turbo. Es un conjunto de técnicas complementarias que aceleran la navegación de páginas y el envío de formularios, dividiendo páginas complejas en componentes y transmitiendo actualizaciones parciales de las páginas a través del WebSocket.

 

Una de las principales razones para usarlo es cuando se presentan problemas con JavaScript y quieres mejorar la experiencia de usuario al navegar entre páginas mucho más rápido.

 

Hotwire tiene un funcionamiento sencillo: utiliza la representación del lado del servidor (SSR) para resolver problemas asociados con los SPA. SSR invierte el proceso de renderizado y puede ofrecer a los usuarios una carga acelerada de la aplicación. También ayuda a lidiar con problemas SEO, como la indexación. Es simple de usar, solo se necesita un paquete predeterminado de un proyecto de Rails, una gema Turbo y Redis para almacenar datos temporales, no es necesario aprender otros idiomas.

 

Efecto de Hotwire y su función Turbo en un website creado con Ruby on Rails

 

Al utilizarse en una app o website construido con Ruby on Rails, la función Turbo que viene incluida en Hotwire envuelve cualquier enlace o envío de formulario, “secuestrando” el enlace o el envío al servidor. Este servidor recibe la solicitud si saber que la misma no proviene de la página, sino de Turbo, representando a la página como lo haría normalmente y devolviendo un HTML de página completa. 

 

ruby on rails
Unsplash

 

Hotwire es una de las herramientas preferidas por los developers de Ruby on Rails cuando se trata de crear páginas web o aplicaciones rápidas y sin escribir demasiado código repetitivo. Es una herramienta que nuestros desarrolladores en Rootstack han utilizado en numerosas ocasiones y ha ayudado a terminar rápido nuestros proyectos.

 

Si quieres formar pate de un equipo multicultural y de expertos en varias tecnologías y lenguajes de programación, solo haz clic aquí y comienza a crecer con nosotros, una de las empresas tecnológicas de mayor proyección en Latinoamérica.

 

Te recomendamos en video