Hotwire

lastmod 2020-12-28created 2020-12-282 edits

Features

• An approach to building modern web pages by sending HTML directly instead of sending JavaScript and JSON
  • Used in the frontend of the email service Hey
• Fast page loading and server rendering, with a variety of languages usable on the server side, without sacrificing SPA speed and responsiveness

Turbo + Stimulus + Strada

• Turbo : The core of Hotwire. A collection of techniques for building fast web apps
  • Turbo Drive : Converts every a link click and form submit into a fetch, reads from the server, and replaces the body. Makes it behave like an SPA
  • Turbo Frames : Splits complex pages into frames that are loaded and rendered individually. Similar to iframe, but virtual frames handled within a single DOM
  • Turbo Streams : Streams page changes over Websocket
  • Turbo Native : Lets the Turbo approach be used in iOS/Android hybrid apps
• Stimulus : Turbo handles 80%, and this handles the rest. A minimal JS framework
• Strada : A Bridge connecting web and native. Scheduled to be announced next year

See also

• Server-Side Rendering
• NuxtJS (Nuxt)

Favorite site

• Hotwire web site