Week 41 - Preventing edit conflicts, presence feature with Action Cable, and more!
Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
🧰 Libraries and Tools
Create a Kanban board with Rails and Hotwire - Rails Designer builds a drag-and-drop Kanban UI using Stimulus + SortableJS + Rails Request.js, backed by a model structure and minimal controller logic.
Preventing edit conflicts in Rails with Turbo and Stimulus - Nicolás Galdámez on the Unagi Blog shows how to lock records when a user begins editing, broadcast lock status across clients with Turbo Streams, and unlock automatically using Stimulus listeners on navigation or page unload.
Improving Turbo Frame UX with the busy Attribute - Victor Cobos shows how to use the aria-busy attribute (set by Turbo during frame loads) to style loading states with CSS e.g. dimming content or showing spinners.
Notes from building a “who is doing what right now on our website?” presence feature with Action Cable - Ben Sheldon walks through using a Stimulus-powered heartbeat + PresenceChannel + database-backed model + Turbo Streams to show live user presence (e.g. which page a teammate is viewing) across your Rails app.
Debugging Hotwire Native - Understanding Hotwire Native - William Kennedy recaps his Rails World lightning talk "Debugging Hotwire Native", explaining the core pieces: Turbo, native adapters, and bridge components that power Hotwire Native apps.
HTML’s Best Kept Secret: The <output> Tag - Den Odell talks about the rarely used <output> element, which is great for showing live results (e.g. form calculations) and has built-in accessibility support (aria-live) without extra ARIA hacks.
New features in the upcoming Herb v0.8.0 release - Marco Roth showcases new features from the upcoming Herb v0.8.0 release, including a new --fix option for the Herb Linter and a new "Fix-on-save" option for the Herb Language Server that can automatically fix auto-correctable linter offenses without formatting the whole document.
🎉 Releases
bridge-components v0.10.0 - A collection of bridge components for Hotwire Native apps.
shakapacker v9.0.0 - v9.2.0 - Use webpack to manage app-like JavaScript modules in Rails.
reactionview v0.1.3 and v0.1.4 - Powerful and seamless HTML-aware ERB parsing and tooling.
proscenium v0.20.0 - Modern client-side development for Rails.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!