Hotwire Demystified
summary
DHH’s Hotwire from Basecamp claims real interactive apps with minimal JS: it sends HTML Over The Wire using three components—turbo frames, turbo streams, and stimulus/strata—and wires realtime updates via Action Cable. Examples include updating a cart badge and replacing a product fragment via turbo stream payloads, async frame src loading, and model broadcasts. The live demo asserts a chat with multiple rooms and “no JS” beyond ~16KB of runtime, versus single‑page apps that often ship 1MB+.
AI-written summary · about
chapters (9)
- 0:00Start
- 2:24What is Hotwire?
- 3:52Turbo Frames
- 8:46Turbo Streams
- 12:47ActionCable
- 16:34Tradeoffs
- 21:04Getting Data onto the Screen
- 24:25First Load (SPA)
- 33:51Agenda
related talks
09mHotwire Cookbook and common use cases
31mHotwire Cookbook: Common Uses, Essential Patterns & Best Practices
30mThe Future of Rails as a Full-Stack Framework powered by Hotwire
32mRevisiting the Hotwire Landscape after Turbo 8
45mTurbo-Powered Web Apps - Modern Web Applications with Plain HTML
32mRevisiting the Hotwire Landscape after Turbo 8
38mLet's build a mobile app
45mHTML over the Wire