Week 26 - Multi-step forms done right, Turbo-friendly tables, and more!
Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another, slightly shorter, issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
The Hotwire-Rails summit, or interactive multi-step forms at peak UX - Vladimir Dementyev showcases on the Evil Martians blog how they built a highly-interactive, multi-step form wizard within Rails + Hotwire, matching SPA-level user experience. Using Turbo Streams, morph updates and state-preserving UI tricks.
Making Tables Work with Turbo - Guillermo Aguirre fixes common Turbo issues with tables: avoid <turbo-frame> around <tbody>, use plain IDs on rows (dom_id) for inline edits, and use remote forms tied to rows.
Hotwire Native Live: Route Decision Handlers - Joe Masilotti explores how to customize navigation in Hotwire Native apps using route decision handlers. He covers the three built-in handlers, how to create custom ones (e.g. for mailto or SMS links), and dives into related WebView policy handlers for intercepting reloads and external URLs.
Early Prototype: Herb Formatter - Marco Roth shared an early preview of the Herb Formatter, which will be integrated into the Herb Language Server to auto-format HTML+ERB files on save. This pull request tracks ongoing development.
Demo: Herb Linter - Also in progress: Marco Roth showcased a demo of the Herb Linter. It's designed to catch syntax issues, semantic HTML errors, and accessibility violations, and more in .html.erb files. Development is underway in this pull request.
🧰 Libraries and Tools
Herb LSP - HTML+ERB Language Tools for VS Code, Cursor/Open VSX, Neovim, and Zed Ruby Extension.
herb-language-server - Language Server Protocol integration for HTML-aware ERB using the Herb Parser.
🎉 Releases
hotwire-native-ios v1.2.1 - Hotwire Native for iOS.
view_component v4.0.0.rc1 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
view_component_reflex v3.3.11 - Allow StimulusReflexes in ViewComponents.
solid_cable v3.0.11 - A database backed ActionCable adapter.
herb v0.3.1 - Powerful and seamless HTML-aware ERB parsing and tooling.
symfony/ux v2.27.0 - A JavaScript ecosystem for Symfony, built on Stimulus.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!