Welcome to Hotwire Weekly!

Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨

📚 Articles, Tutorials, and Videos

Drifting Ruby: Debounce - David Kimura shows how to build a debounced live search in Rails using Stimulus and Turbo, cutting down unnecessary requests while keeping the UI responsive.

Remote Ruby: Bridge Components, Swift UI and more with Joe Masilotti - Joe Masilotti joins Remote Ruby welcomes to talk about bridge components, how Hotwire Native interacts with SwiftUI, and practical patterns for mixing native UI with Turbo/Rails apps.

Record video in Rails with Stimulus - Rails Designer shows how to build a video recorder UI in Rails using a lightweight Stimulus controller and the browser’s MediaRecorder API, giving you capture/playback controls without heavy frontend frameworks.

What I've learned from shipping 25+ mobile apps - Joe Masilotti reflects on lessons from building and launching over 25 Hotwire Native apps, covering practical insights on UI/UX patterns, bridge components, navigation flows, and where native polish matters most when pairing Rails with iOS/Android.

GoRails: Dynamic Partial Rendering - Collin Jilbert shows how to load and render different partials dynamically in Rails based on state or parameters, making your views more flexible without duplicating logic.

Modern CSS - Naeem Noor published a curated guide covering the latest CSS fundamentals and features (like Grid, Flexbox, Custom Properties, Container Queries, and more), designed to help you write responsive, maintainable, and future-ready styles.

The CSS Selection - by Bart Veneman, is a comprehensive, data-driven look at how CSS is used in the real world across 100,000+ websites. Drawing on Project Wallace’s analysis tooling, Bart explores stylesheet size and complexity, selector usage, and the adoption of modern features like :has, :where, and @container.

Web Components Guide - by Keith Cirkel: a comprehensive directory and learning resource for Web Components, offering guides, interactive examples, and compatibility data to help developers build reusable, framework-agnostic UI elements. A useful complement to HTML-first stacks like Hotwire.

WebMCP is available for early preview - On the Chrome Developers blog, André Cipriani Bandarra introduces WebMCP (Web Model Context Protocol), now available in early preview in Chrome 146. WebMCP defines a browser API that lets websites expose structured, callable tools directly to AI agents instead of forcing them to scrape the page or simulate user interactions.

🧰 Libraries and Tools

Oak - Ultra-lightweight UI library. Semantic, minimal, zero dependencies.

hotwire_club-skills - Agentic Hotwire skills.

🎉 Releases

view_component v4.4.0 - A framework for building reusable, testable & encapsulated view components.

tailwindcss-ruby v4.2.0 - A self-contained tailwindcss executable, wrapped up in a ruby gem.

v9.6.0-beta.0 - Use Webpack to manage app-like JavaScript modules in Rails.

hotwire_combobox v0.4.1 - An autocomplete for Ruby on Rails.

turbo-confirm v2.2.3 - Add custom confirmation dialog support to Rails apps.

anycable v1.6.10 - Realtime server for reliable two-way communication to power-up any backend.

tom-select v2.5.0 and v2.5.1 - A lightweight hybrid of a textbox and select box.

Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!

See you next week!