Week 44 - Debugging Bridge Components, Rethinking CSS with Roux, and more!
Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Extending the Kanban board (using Rails and Hotwire) - Rails Designer outlines how to build a basic Kanban board by adding dynamic creation of cards and columns using Turbo Streams and a tiny Stimulus controller, making the board fully interactive without heavy JavaScript.
Debugging custom Bridge Components in Hotwire Native - Jesse Waites walks through how to diagnose issues in custom bridge components for Hotwire Native apps.
Rethinking CSS with Roux - debuting at thoughtbot Open Summit - Elaina Natario introduces Roux on the thoughtbot blog, a modern CSS boilerplate built on CSS-native features (custom properties, cascade layers, container queries) for teams who want structure without installing frameworks like Tailwind.
Why startups choose React (and when you shouldn't) - Vadim Kotov on the Evil Martians blog analyzed funding and GitHub data to show why React dominates startup frontends while offering a 20% survival rate in active high-quality repos.
Targeting Hotwire Native with Tailwind - Stuart Yamartino explores how to tailor your CSS styles specifically for Hotwire Native apps using Tailwind CSS. He covers how to detect the native app environment, set up custom variants or data-attributes, and selectively apply styles to your Rails app.
Hotwire Native: My failed live stream yesterday - Joe Masilotti attempted his first Substack live stream to prototype better bridge components for Hotwire Native, components that could render native UI like tab bars using only Ruby. Despite screen-sharing issues, he got a proof-of-concept working, and the full stream recording is available.
🧰 Libraries and Tools
Quiet UI - An open source UI library for the Web focusing on accessibility, longevity, performance, and simplicity.
helium - Light & powerful HTML interactivity.
LiveComponent - A client-side rendering and state management library for ViewComponent.
stimulus-lint - Linter and static code analyzer for Stimulus.
🎉 Releases
turbo v8.0.19 and v8.0.20 - Use Turbo in your Ruby on Rails app.
turbo-rails v2.0.19 and v2.0.20 - Use Turbo in your Ruby on Rails app.
actioncable-next v0.3.0 and v0.3.1 - Next-gen version of Action Cable.
shakapacker v9.3.0 - Use webpack to manage app-like JavaScript modules in Rails.
reactionview v0.1.6 - A new ActionView-compatible ERB engine with modern DX - re-imagined with Herb.
hotwire-native-dev-tools v0.3.1 - A lightweight dev tool to debug and inspect Hotwire Native apps.
bridge-components v0.11.0 and v0.11.1 - A collection of bridge components for Hotwire Native apps.
stimulus-parser v0.3.1 - Statically analyze Stimulus controllers in your project.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!