Week 45 - Debugging Hotwire Native, CSS Highlights API, and more!
Discover the latest Hotwire insights, tutorials, and releases in this week edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to another, slightly shorter, issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Debugging Hotwire Native - Native Logging - William Kennedy walks through how to enable and investigate logging inside Hotwire Native iOS/Android apps, helping to trace web view visits, message sending, adapter lifecycle events.
High-Performance Syntax Highlighting with CSS Highlights API - Pavitra Golchha shows how to ditch token-wrapping <span>s and instead leverage the CSS Custom Highlight API to style code by creating Range objects and registering them with CSS.highlights. The result: far fewer DOM nodes, lower memory overhead, faster rendering, and cleaner HTML.
The Dark Art of Designing for Dark Mode - Glynnis Ritchie on the Flagrant Blog explores the subtle challenges of designing for dark mode. How contrast, layering, and typography need special care to ensure readability and aesthetic quality across light/dark themes.
Update page title counter with custom turbo streams in Rails - Rails Designer walks through how to create a custom Turbo Stream actions that updates the browser tab title live when records change, including broadcast support for real-time apps.
Two free Phlex on Rails videos - Brad Gessler offers two complimentary free videos from his full Phlex on Rails course: "Why Rails?" and "Why components?".
🧰 Libraries and Tools
LiveComponent - A client-side rendering and state management library for ViewComponent.
Herb - Powerful and seamless HTML-aware ERB parsing and tooling.
🎉 Releases
turbo-laravel v2.5.0 - Hotwire Turbo for Laravel applications.
node-turbo v1.2.7 - Hotwire Turbo for Node.js applications.
bridge-components v0.12.0 - A collection of bridge components for Hotwire Native apps.
proscenium v0.22.0 - Integrated Frontend Development for Rails.
morphlex v1.0.0 - Efficient DOM morphing library.
inertia-rails v3.12.0 - The Rails adapter for Inertia.js.
Feel free to follow us on Twitter/X, Bluesky, Linkedin, or on Mastodon!
See you next week!