Week 18 - Hotwire at RailsConf, migrating from React to Hotwire, and more!
RailsConf in Detroit, Hotwire-adjacent talks, building a Cmd+k search modal, React to Hotwire migration, AnyCable vs. Action Cable, and more!
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! RailsConf is happening in Detroit next week. There are also going to be a few Hotwire-adjacent talks:
- "Revisiting the Hotwire Landscape after Turbo 8" by Marco Roth on Thursday at 9 am.
- "Insights Gained from Developing a Hybrid Application Using Turbo-Native and Strada" by John Pollard on Thursday at 10 am.
- "Dungeons & Dragons & Rails" by Joël Quenneville on Thursday at 11 am.
- "Progressive Web Apps with Ruby on Rails" by Avi Flombaum on Thursday at 2:30 pm.
If you want to hack on anything Hotwire-related on the Hackday on Tuesday come find Marco Roth!
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
How to build a Cmd+k search modal with Hotwire - Alexandre Ruban published a blog post in which he describes how he built a keyboard shortcuts interface with Hotwire.
From React to Hotwire: The Adventures of a Frontend Migration - Weldys Santos gave a talk at Tropical.rb in April which is now available on YouTube.
AnyCable for Ruby on Rails: How Does it Improve over Action Cable? - Abiodun Olowode wrote an article on the AppSignal Blog where he compares ActionCable with AnyCable in Rails.
Turbo Teapot - Dom Christie published a post in which he describes how and why he used the 418 I'm a teapot
HTTP status with Turbo.
How to Start Creating Mobile Apps Using Rails and Turbo Native - José Anchieta gave a talk at Tropical.rb in April which is now available on YouTube.
Update Model with Checkbox using Turbo Morphing - John Beatty published a YouTube video version for his blog post in which he builds an instant interaction with Stimulus and Turbo.
Toggle Stream Mode w/ Stimulus & Rails - Ken Greeff published a video in which he shares how he built a "stream mode" toggle with Stimulus and Tailwind for his Clipflow app.
Using Local Font Files in the Rails 7.1 Asset Pipeline - Paul Sadauskas published a blog post in which he talks about using local font files with Propshaft.
How to Add Disabled State to Buttons with Turbo & Tailwind CSS - Rails Designer published a blog post in which they talk about implementing disabled button states with Tailwind and Turbo.
🧰 Libraries and Tools
stimulus-use - A collection of composable behaviors for your Stimulus Controllers.
@rails/request.js - A thin wrapper around the fetch
API built for the use with Rails and Hotwire.
🎉 Releases
turbo-android v7.1.3 - Android framework for making Turbo native apps.
hotwire_combobox v0.3.0 - An autocomplete combobox implementation for apps using Hotwire.
tailwindcss-rails v2.6.0 and v2.4.1 - TailwindCSS for Rails.
hotwire-livereload v1.4.0 - Live reload gem for Hotwire Rails apps.
phlex v1.10.2 - A framework for building object-oriented views in Ruby.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!