Week 47 - Hotwire Native Deep Dive, Version Gates, 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
SupeRails: CSS Container Queries. Breakpoints Based on Parent Container Width, Not Browser - Yaroslav Shmarov demonstrates how CSS container queries let components switch layouts based on the width of their parent element instead of the full browser.
Update Favicon with badge using Custom Turbo Streams in Rails - Rails Designer shows how to dynamically add a badge counter to your favicon via a custom update_favicon Turbo Stream action. When notifications arrive, the favicon changes e.g., from icon.svg to icon-unread.svg.
Hotwire Native deep dive: Push Notifications - Joe Masilotti walks through the full setup of push notifications for Hotwire Native apps in Rails, including device token registration, backend API endpoints, and delivering to APNs/FCM.
Introducing: Hotwire Native Version Gate - Stuart Yamartino outlines a new version-gate layer for Hotwire Native apps, enabling Rails-powered mobile UIs to check for updates, enforce minimum versions, and toggle features server-side, all without pushing a new app build.
Slides from the San Francisco Ruby Conference 2025:
- "Herb to ReActionView: A New Foundation for the View Layer" by Marco Roth
- "Rails X" by Vladimir Dementyev
🎉 Releases
Ruby v4.0.0.preview2 - The Ruby Programming Language.
herb v0.8.2 - Powerful and seamless HTML-aware ERB parsing and tooling.
morphlex v1.0.4 - Efficient DOM morphing library.
shakapacker v9.4.0 - Use Webpack to manage app-like JavaScript modules in Rails.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!