Week 23 - New Hotwire Browser Extension, Concurrent Updates with Stimulus, and more!
Get the latest on Hotwire, including updates on Baltic Ruby, Turbo Stream tutorials, and new Hotwire releases!
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly!
Next week Baltic Ruby is scheduled to happen on the 13—15th of June in Malmö. Marco Roth will be there and host an OSS expo campfire to talk about all things HTML-over-the-wire. If you are also going to be there make sure to step by and say Hi!
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Update a Progress Bar using Turbo Streams (using Custom Actions) - Rails Designer published an article in which they are using Custom Turbo Stream Actions to update the value of a progress bar.
Smooth Concurrent Updates with Stimulus - Michał Łęcicki published a blog post where he is using Stimulus and Turbo Stream broadcasts to concurrently send updates.
Drifting Ruby #459 - Hotwire Combobox - Drifting Ruby published a video which covers the Hotwire Comboxbox gem.
Where do I store my HTML state in Stimulus.js - John Beatty uploaded a video-version of his previous blog post about where he stores state in Stimulus.
Make your tables alive with turbo streams. Redirect vs Turbo Streaming. Which one to choose? - Arkency published a video in which they discuss the differences between regular redirecting and using Turbo Streams to reflect updates in a HTML table.
How to implement infinite scroll pagination for a table using Rails and Turbo - Arkency published another video in which they talk about using Turbo to implement infinite scrolling for an HTML table.
Upcoming Talk: Developer Tooling for the Modern Rails & Hotwire Era - Marco Roth announced that he is going to give a talk at Madison+ Ruby to talk about Hotwire Developer tooling in August.
Hotwire Club Challenge: Stimulus - Picture in Picture API - Julian Rubisch published a new challenge for The Hotwire Club about using the Picture in Picture API in Stimulus.
🧰 Libraries and Tools
hotwire-dev-tools - Browser Dev Tools for Turbo and Stimulus. Available for Firefox and Chrome.
kommandant - A command palette implementation for Rails with Hotwire and Meilisearch.
🎉 Releases
symfony/ux - Symfony UX initiative: a JavaScript ecosystem for Symfony.
turbo_power v0.6.2 - Custom Turbo Stream Actions power-pack for Turbo Streams.
turbo_power-rails v0.6.2 - Rails Helpers for Turbo Power.
hotwire_combobox v0.3.1 - A combobox gem for Ruby on Rails applications.
vite_ruby v3.6.0 - Use Vite in Ruby and bring joy to your JavaScript experience.
sprockets-rails v3.5.0 and v3.5.1 - Default Rails asset pipeline until Rails 7.
tailwindcss-rails v2.6.1 - TailwindCSS for Rails.
@github/relative-time-element - Web component extensions to the standard <time> element.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!