Week 25 - Inertia.js in Rails, Stimulus in the Shadow DOM?, and more!
Stay up-to-date with the latest Hotwire articles, tutorials, releases, and tools in this week's edition of Hotwire Weekly!
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles, videos, and releases.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Inertia.js in Rails: a new era of effortless integration - Svyatoslav Kryukov wrote an article on the Evil Martians blog about integrating Inertia.js in Rails. Inertia.js is a hybrid solution between only client-side rendering and only server-side rendering.
Running Rails System Tests with Playwright instead of Selenium - Justin Searls wrote an article on using Playwright for Rails system tests for less flaky (Turbo-related) tests. As an alternative, capybara-lockstep could also help in these situations. But even better would be to write the tests in a way so that they are not flaky to begin with. For that, I recommend that you check out this talk by Henning Koch.
Drag and Drop on the Server Side with Stimulus.js and Ruby on Rails - John Beatty published a blog post and two related videos (one about the server side and one about the client side aspect of the tutorial) in which he builds a Drag and Drop functionality in a Rails 7 application using Stimulus.
Solving the Challenge of Connecting Stimulus Controllers Inside Shadow DOM - Pedro D. Garcia Lopez wrote an article in which he describes how he was able to integrate Stimulus Controllers with the Shadow DOM/Web Components.
How to Create an Undo Action with Rails - Rails Designer wrote an article on implementing an undo Action in Rails using ERB-Helpers and Turbo Streams.
Turbo 8: Streams and Morph - Building a Kanban Board - Phil Smy published a long-format video on Turbo 8 in which he implements a Kanban Board using the new Turbo Morphing features.
Hotwire Club Challenge: Frontend Fundamentals - Improve Core Web Vitals with Lazy Loading - Julian Rubisch published a new challenge for The Hotwire Club about Web Vitals.
🧰 Libraries and Tools
composite - A tiny web template system for the browser.
turbo-mount - Use React, Vue, Svelte, and other components with Hotwire.
🎉 Releases
inertia_rails-contrib v0.1.1 - A collection of extensions, developer tools, and the community documentation for Inertia's Rails adapter.
turbo_boost-commands v0.3.2 - Commands to help you build robust reactive applications with Rails & Hotwire.
turbo-mount v0.3.1 - Use React, Vue, Svelte, and other components with Hotwire.
hotwire-dev-tools v0.2.1 - Browser Extension for Turbo and Stimulus.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!