Week 18 - Hotwire Native Dev Tools, Hotwire Native Tabs, and more!
This week's Hotwire Weekly covers new dev tools, tutorials, videos and more.
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Hotwire Native Dev Tools - Leon Vogt announced and released Hotwire Native Dev Tools, a lightweight tool to debug and inspect Hotwire Native apps.
Active Storage & Form Errors: Preventing Lost File Uploads in Rails - Daniela Baron explains how to prevent file uploads from being lost when a form with validation errors is re-rendered. Her solution uses direct uploads, signed IDs, and a custom Stimulus controller to keep files attached across failed submissions.
Streaming LLM Responses with Rails: SSE vs. Turbo Streams - Justin Paulson explores two methods for streaming large language model (LLM) responses in Rails applications: Server-Sent Events (SSE) and Turbo Streams.
Hotwire Native Tabs - Joe Masilotti released a new YouTube video in which he talks about the new Hotwire Native Tabs feature recently released in Hotwire Native 1.2 and how you can add native tabs to your Hotwire Native app.
Markdown image uploads with EasyMDE and Active Storage - Exequiel Rozas published a new post on the Avo Blog and demonstrates how to integrate image uploads into a Markdown field using the EasyMDE editor and Active Storage.
Dead Code Podcast: Carson Gross, creator of HTMX - Carson Gross joins Jared Norman on the Dead Code podcast to discuss Locality of Behavior as a design principle. He makes the case for enhancing HTML with HTMX instead of replacing JavaScript frameworks, challenging the dominance of Separation of Concerns in favor of simpler, more maintainable interfaces, and more.
How to Use RubyUI in Rails | Build a Blog App with Components and Forms - Cirdes Henrique published a new video in which he shows how to install Ruby UI, eject components, and build a sample blog app.
GoRails: Unread Messages Indicators - Collin Jilbert shared another part of an updated video series on GoRails where they are building a realtime chat app but using as much Hotwire as they can to do so.
🧰 Libraries and Tools
Hotwire Native Dev Tools - A lightweight dev tool to debug and inspect Hotwire Native apps, right from your mobile app.
Anchors for Tailwind CSS - A plugin that brings declarative support for the CSS Anchor Positioning API to Tailwind CSS.
Learn Hotwire - The most comprehensive course on Turbo, Stimulus, and Hotwire Native.
🎉 Releases
view_component v4.0.0.alpha3 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
proscenium v0.19.0.beta18 - Modern client-side development for Rails.
tailwindcss-ruby v4.1.5 - A self-contained tailwindcss executable, wrapped up in a ruby gem.
tailwindcss-rails v4.2.3 - Tailwind CSS for Rails.
requestjs-rails v0.0.13 - A tiny Fetch API wrapper.
shakapacker v8.3.0 - Use webpack to manage app-like JavaScript modules in Rails.
bridge-components v0.3.1 - A collection of bridge components for Hotwire Native apps.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!