Week 17 - Hotwire Native 1.2, Hotwire Native for Laravel Devs, and more!
This week’s Hotwire Weekly dives into Hotwire Native 1.2 and more.
Welcome to Hotwire Weekly!
Welcome to another (slightly late 🙈) issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Announcing Hotwire Native 1.2 - Jay Ohms announces Hotwire Native 1.2, with a built-in button navigation controller, brand new demo apps and more.
Hotwire Native (and Hotwire 101) for Laravel Devs - Tony Messias published a new video in which he provides an introduction to Hotwire for Laravel developers, covering the core concepts of Turbo Drive, Turbo Frames, and Turbo Streams. He demonstrates how to integrate these features into Laravel applications.
Mobile Bridge: Making WebViews Feel Native - Mauricio de Meirelles on the Shopify Engineering Blog shares how they dramatically improved WebView performance and UX in their mobile app with a new framework called Mobile Bridge. While not Hotwire-specific, it's closely related to Hotwire Native ideas, showing how investing into better browser-native integration can pay off and could offer interesting inspiration for future Hotwire Native tooling.
Seamless Loading Screen with Hotwire Native - Stephen and Alan from Katalyst Interactive share a method to improve initial load times in Hotwire Native iOS apps by preloading the web view behind a SwiftUI loading screen. Once the web app is ready, a Stimulus controller triggers a seamless transition, making the launch feel much more native.
Adding shortcodes to the Marksmith editor - Exequiel Rozas on the Avo Blog shows how to extend the Marksmith Markdown editor in Rails apps with custom shortcodes as a way to embed rich content.
Don't Steal a Penguin -- A Guide to Rails Flashes - Louis Antonopoulos published a concise yet thorough walkthrough of how to use flash messages in Rails, covering flash, flash.now, and best practices for displaying and styling them.
Tanstack Query, Intertia.js and Rails - Ken Greeff published a video in which he talks about adding Tanstack Query to a Rails project that is running Inertia.js.
Enhanced debugging for Stimulus - Rails Designer wrote about enableDebug, an experimental feature from Stimulus FX that improves debugging for Stimulus controllers. It logs detailed lifecycle events, targets, and values in the console, making it easier to troubleshoot and develop Stimulus-powered features.
This Custom Property Trick Solves a Common CSS Problem - Kevin Powell published a video in which he shows a clever technique to create browser-compatible fallbacks for CSS features with limited support, using custom properties and the cascade.
🎉 Releases
view_component v4.0.0.alpha1 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
hotwire-dev-tools v0.3.3 - Browser Dev Tools for Turbo and Stimulus.
proscenium v0.19.0.beta16 - Modern client-side development for Rails.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!