Week 11 - Real-time Sync with Hotwire, Hotwire Native Bridge Components Collection, and more!
This edition covers real-time syncing with Hotwire, keyboard enhancements, and new releases in the ecosystem!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
📝 Articles
Hotwire and That Syncing Feeling - Louis Antonopoulos describes how Thoughtbot built a synchronized multi-device presentation system using Hotwire. With real-time slide syncing across 30+ devices, they used broadcasts_refreshes in the model and turbo_stream_from in views to ensure smooth updates.
Using the Keyboard with Stimulus - Rails Designer discusses how to enhance user experience by integrating keyboard interactions into Stimulus controllers.
Why choose Hotwire Native? - Jesse Waites discusses the advantages of using Hotwire Native for mobile application development, emphasizing its potential to significantly reduce costs.
Introducing command and commandfor - Keith Cirkel introduces two new APIs on the Chrome Dev Blog, command and commandfor, which simplify handling user actions and intent via the browser’s command system. While not directly Hotwire-related, these APIs align well with Hotwire’s philosophy of keeping things simple and leveraging the browser as the platform.
🎥 Videos
GoRails: Realtime Chat Part 3 - Collin Jilbert shared the third part of an updated video series on GoRails where they are building a realtime chat app but using as much Hotwire as they can to do so. The series starts simple to see where things fall down so they are then able to implement improvements over the upcoming lessons in the series.
Image Gallery using a Masonry Grid with ViewComponent, Tailwind & Rails - Ken Greeff demonstrates how to build a masonry-style image gallery in Rails using Tailwind CSS, ViewComponent, and Stimulus. The video is part of his ongoing series on developing a luxury accommodation directory app with Rails and Hotwire, check out the playlist here.
PragProg: Joe Masilotti on Hotwire Native for Rails Developers - Joe Masilotti joins Dave Thomas on the "Pragmatic Behind The Book" series to talk about his book.
🧰 Libraries and Tools
Bridge Components and Bridge Components Pro - Joe Masilotti launched a collection of bridge components for Hotwire Native apps. It's a paid product, but also includes free components you can check out on GitHub.
🎉 Releases
hotwire-native-ios v1.1.3 - Hotwire Native for iOS.
hotwire-native-bridge v1.1.0 - Web library for building Bridge Components in Hotwire Native apps.
rails v8.0.2 - Ruby MVC web-application framework.
trix v2.1.13 - A rich text editor for everyday writing.
rich-text-laravel v3.3.0 - Integrates the Trix Editor with Laravel.
local_time v3.0.3 - Rails engine for cache-friendly, client-side local time.
shakapacker v8.2.0 - Use webpack to manage app-like JavaScript modules in Rails.
hotwire_native_rails v0.4.4 - A Hotwire Native generator for Rails applications.
tailwindcss-ruby v4.0.14 - A self-contained tailwindcss executable, wrapped up in a ruby gem.
phlex v2.0.2 and v2.1.1 - Object-oriented views in Ruby.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!