Week 10 - Hotwire Codex Update, Hotwire videos, new Turbo Native app!
The Hotwire Weekly edition covers updates to The Rails and Hotwire Codex, tutorials on building interactive UIs with Rails and Turbo, and new releases of Turbo-related libraries and tools.
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and releases.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
The update to The Rails and Hotwire Codex - Ayush Newatia released an update to their "The Rails and Hotwire Codex" book. It includes new topics like Rails 7.1, Strada, Turbo 8, and more!
Making a nice 2FA / OTP / SMS field with Tailwind & Stimulus - A blog post by Justin Searls on crafting an intuitive code-input field for two-factor authentication using Stimulus, Stimulus-Use, and Tailwind CSS.
Sorting Lists with Ranked Model - Miles Woodroffe shares their approach on how they built a sortable list using the acts_as_list gem, Stimulus, and Sortable.js.
Speeding up mobile development with Turbo - Fernando Olivares published a post on the 37signals dev blog on how they built a new Basecamp feature and how they utilized Turbo Native iOS to do so.
Conditionally Add CSS Classes in Your Stimulus Controllers - Rails Designer shares two quick-tips about conditionally adding CSS classes, one for adding them in Stimulus controllers and one for Views and Components.
A principle programmer at 37Signals taught me Rails Turbo - In this video, Kelvin Omereshone interviews Jorge Manrubia about Turbo and related topics.
How to build an interactive UI with Rails and Turbo - Sam Johnson shows how they are building an interactive UI with Turbo by building a work log application.
How to add UI interactions to Rails with Stimulus - Building on top of the video above, Sam Johnson uploaded another video covering UI interactions, like auto-save and loading skeletons with Stimulus. You can find the source code for the app on the GitHub repo.
Video-Series: Hotwire Master Class - Roland Lopez published a 5-part free Hotwire video series on YouTube.
Pre-order: Learn Hotwire by Building a Calendar - Andrea Fomera announced that the Learn Hotwire video course can now be pre-ordered. There are a limited amount of spots for the pre-order pricing.
Buzzsprout's new iOS app is built using Turbo Native and Strada - Buzzsprout announced their new mobile app for iOS and shared that it's built using Turbo Native and Strada! Their Android app is following soon. You can check out other apps built using Turbo Native on turbonative.directory.
🎉 Releases
turbo v8.0.4 - The speed of a single-page web application without having to write any JavaScript.
turbo-rails v2.0.5 - Use Turbo in your Ruby on Rails app.
anycable-rails v1.4.4 - AnyCable for Ruby on Rails applications.
morphlex v0.0.14 - Safe, fast, optimal DOM morphing written in TypeScript.
stimulus-parser v0.1.3 - Statically analyze Stimulus controllers in your project.
turbo-laravel v2.0.0-beta4 - Use Hotwire Turbo in Laravel.
stimulus-laravel v1.1.0 - Use Stimulus in your Laravel app.
importmap-laravel v2.2.0 - Manage importmaps in Laravel.
rich-text-laravel v2.1.0 - Integrates the Trix Editor with Laravel.
hotwire_combobox v0.1.38 - v0.1.40 - An autocomplete combobox implementation for apps using Hotwire.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!