Week 19 - From Next.js to Rails, Building a Password Manager, and more!
Multistep Rails forms, a Rails comeback story, and new tools in this week's Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Multistep forms with Rails and the Wicked gem - Exequiel Rozas published a guide on the Avo Blog on implementing multistep onboarding forms in Rails applications using the Wicked gem. This approach allows developers to create sequential forms without relying on custom JavaScript.
Part 1: How We Fell Out of Love with Next.js and Back in Love with Ruby on Rails & Inertia.js - Adam Fortuna shares Hardcover's journey from using Next.js to returning to Ruby on Rails with Inertia.js. Initially attracted to Next.js for its server-side rendering capabilities and SEO benefits, the team faced challenges including unclear caching mechanisms, rising costs, and slow development speeds.
Hotwire Native for Rails Developers content-complete - Joe Masilotti announced that his "Hotwire Native for Rails Developers" book is content-complete and headed to production. You can pre-order the print version on Amazon.
Ruby on Rails 8 and Hotwire: Build a Password Manager - RailsYeah published a nine part video tutorial on YouTube in which they build a password manager using Rails 8, Hotwire, Turbo, Stimulus and a browser extension.
What Happens When You Mutate The DOM Outside Of HTMX - Ben Nadel explores the consequences of mutating the DOM outside of HTMX's lifecycle. HTMX is unaware of these changes and therefore does not trigger cleanup events in some cases. This is quite different from how Turbo, Stimulus and Alpine.js work, since they rely on MutationObservers to react and refelect updates like this.
Introducing Hyper — Standards first React alternative - Hyper is a new markup language from the creators of Nue, emphasizing a "standards-first" approach to building user interfaces. It promotes using HTML for structure, CSS for styling, and JavaScript for behavior. This philosophy aligns with the principles of HTML-over-the-wire, focusing on simplicity and leveraging web standards.
Tropical on Rails talk recordings released - The Tropical on Rails team released the talk recordings from the conference that happend in São Paulo last month. There also were quite a few Hotwire and Hotwire-adjecent talks:
- Hotwire meets The Platform™: a new way to build PWAs relying on native HTML APIs by Edigleysson Silva
- The Great Mobile Hack: Hotwire Native by Daniel Medina
- From React to Hotwire, the right path by Jackson Pires
- Defying Front-End Inertia: Inertia.js on Rails by Svyatoslav Kryukov
- Keynote: Hotwire Demystified by Chris Oliver
🧰 Libraries and Tools
Nue.js - Break the limits of Web - Take HTML, CSS, JS, and WASM to their absolute peak.
Hyper - Standards first React alternative.
🎉 Releases
stimulus-laravel v1.3.1 - Use Stimulus in your Laravel app.
Node.js 24.0.0 - A free, open-source, cross-platform JavaScript runtime environment.
tailwindcss-ruby v4.1.6 - A self-contained tailwindcss executable, wrapped up in a ruby gem.
hot-glue v0.6.17 - Rails scaffold building companion for Turbo and Hotwire.
phlex v2.3.0 - Build HTML, SVG and CSV views with Ruby classes.
relative-time-element v4.4.7 - Web component extensions to the standard <time> element.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!