Week 29 - New Turbo releases, Turbo Native without Turbo?, and more!
This week: Turbo Native alternatives, custom color schemes, typing indicators, streaming ChatGPT, flag matching game, Turbo 8 releases.
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and videos.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Turbo Native without Turbo? - Dom Christie explores creating native-like navigation experiences in mobile apps using htmx and Inertia.js as alternatives to Turbo. With that he also published two experimental libraries that go along with it: turbo-shim and turbo-native-htmx-driver.
Custom Color Schemes with Rails - Ross Kaffenberger published an article on the Joy of Rails website and demonstrates how to implement custom color schemes in Ruby on Rails using CSS variables, Hotwire, and SQLite.
Add a “X is writing…” with Rails and Turbo - Rails Designer explains how to add a dynamic 'X is typing...' feature to your Rails chat app using Turbo and Stimulus, enhancing user engagement by showing when someone is typing.
Hotwire, Turbo Drive, Frames and Streaming. Long Live Server Side Rendering with SPA experience - Tomek Stolarczyk published a new video on the Arkency YouTube channel to showcase the benefits of Turbo to maintain SPA-like experiences while benefiting from server-side rendering.
ES6 Object-Oriented JavaScript Countdown Tutorial - Andy Leverenz published a blog post and video in which he walks you through creating a reusable countdown timer using ES6 classes in JavaScript. This guide demonstrates how a simple JavaScript class can often be sufficient without the need to reach for any framework.
I built a flag matching game in 6 days. It was played more than 45k times in 2 weeks - Kyrylo Silin built a flag matching game in Rails, Hotwire and SQLite and shares how he did it.
Video: Streaming ChatGPT with Rails + Hotwire - Rapid Ruby is back and published a new episode in his ChatGPT Rails series in which he creates a UI for the chat and streams the responses with Turbo, similar to how Open AI does it.
Video: Discovering Turbo 8 refreshes in Ruby on Rails - Julián Pinzón Eslava dives into a test case that explains the behaviour of page refreshes in Turbo. He will show a simple Rails app and progressively enhances the user experience using Turbo.
🧰 Libraries and Tools
rails-phlex-i18n-vscode - VS Code Extension to Extract Strings in Rails Phlex Views to Translation Files.
hotwire-dev-tools - Browser Dev Tools for Turbo and Stimulus. Available for Firefox, Chrome, and Safari.
🎉 Releases
@hotwired/turbo v8.0.5 - The speed of a single-page web application without having to write any JavaScript.
@hotwired/turbo-rails v8.0.5 - The NPM package to use Turbo in Rails.
turbo-rails v2.0.6 - Use Turbo in your Ruby on Rails app.
stimulus-parser v0.2.2 - Statically analyze Stimulus controllers in your project.
vite_ruby v3.7.0 (alongside 3.6.0 and v3.6.1) - Use Vite in Ruby and bring joy to your JavaScript experience.
tailwindcss-rails v2.6.2 and v2.6.3 - Integrate Tailwind CSS with the asset pipeline in Rails.
view_component v3.13.0 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!