Week 03 - Hotwire vs. frontend-frameworks, should you move on from React?
This edition covers articles on Hotwire vs. frontend frameworks, building responsive search, transitioning from React to Stimulus, processing Turbo Streams in JavaScript, and a new challenge in The Hotwire Club, along with new releases and a pull request for Turbo.
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and tools.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Should you use Hotwire or a Frontend framework on your next Rails project? - Radan Skorić wrote about if you should or shouldn't use Hotwire for your project.
How to build responsive search with Turbo Frames and Stimulus - Bhumi wrote about how you can build a search using Turbo and Stimulus.
Moving on from React - Kelly Sutton shares insights: after initially embracing React and grappling with its growing complexity, they successfully transitioned to Stimulus, cutting the JavaScript codebase by 60% and enhancing application agility and performance.
How to Process a Turbo Stream Response in JavaScript using Stimulus - Akshay Khot wrote about how you can process Turbo Streams in JavaScript. I think this is a good article to explain the technical details behind it, but you definitely should use @rails/request.js if you ware looking to process Turbo Streams in JavaScript.
Livestream VOD: Turbo Native + Rails live Q&A - Joe Masilotti did a Q&A Livestream about Turbo Native and Rails. The recording of the stream is available on YouTube.
The Hotwire Club - Challenge 19: Stimulus - Action Parameters - Julian Rubisch published a new challenge for The Hotwire Club about Action Parameters in Stimulus.
🧰 Libraries and Tools
@rails/request.js - Small wrapper around the fetch API to handle Rails-specific things like CRSF tokens and Turbo Streams.
stimulus-notification - A Stimulus controller for showing toast notifications.
🎉 Releases
django-turbo-helper v2.1.0 along with v2.1.1 and v2.1.2 - Turbo helpers for Django, inspired by Rails.
django-actioncable v1.0.4 - Supports Action Cable in Django.
hot-glue v0.6.3 along with v0.6.3.1 - Rapid scaffold builder for Turbo-Rails and Hotwire.
turbo_boost-commands v0.0.16 - Commands to help you build robust reactive applications with Rails & Hotwire.
shakapacker v7.2.2 along with v7.3.0-beta.1 - Use Webpack to manage app-like JavaScript modules in Rails.
rich-text-laravel v2.0.0-beta.1 - Integrates the Trix Editor with Laravel.
relative-time-element v4.3.1 - Web component extensions to the standard <time> element.
local_time v3.0.2 - Rails engine for cache-friendly, client-side local time.
📢 Pull Requests in the Hotwire Ecosystem
In this section, we showcase some of the new pull requests in the Hotwire ecosystem. These pull requests may be in various stages of development, providing a window into the ongoing activity within the GitHub repositories and potential developments on the horizon.
Turbo
Add InstantClick behavior (open) - This pull request adds InstantClick-like behavior to Turbo. It prefetches links that are likely to be clicked on so they appear more instant when user actually clicks on them.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!