Week 15 - HTML Streaming over the Wire, AnyCable in real apps, and more!
Hotwire Weekly: Rails 7.1, HTML streaming, AnyCable usage, form_props for React, and more! 🚀
Welcome to Hotwire Weekly!
Welcome to the another issue of Hotwire Weekly! This edition covers the latest Hotwire articles and releases.
Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
Modern Rails Apps Ayush Newatia - Ayush Newatia joins the The Ruby on Rails Podcast to talk about Rails 7.1, Hotwire, his book Rails and Hotwire Codex, and more.
HTML Streaming Over the Wire 🥳: A Deep Dive - Aral Roca published a new article in his series "HTML streaming". He also published a previous blog post titled "HTML Streaming and DOM Diffing Algorithm". His article explains how the techniques (also similarly used in Turbo) work, without specially talking about one backend-framework.
LiveVoice shares how they use AnyCable - Sebastian Poell of LiveVoice shares how they are using AnyCable to run their app LiveVoice and how it benefits them. It's super interesting to see how real apps use WebSockets and Rails to build cool applications.
Introducing form_props: The power of Rails forms now available for React! - Johny Ho announced a new package form_props on the thoughtbot blog. This package tries to re-use parts of your Rails app and uses them in React for building forms. They also recently announced superglue for helping bridge the gap between Rails and React. This is another awesome package to improve the React situation in Rails applications.
Hotwire Club Challenge 25: "Scrolling" Lyrics using Turbo Frames - Julian Rubisch published a new challenge for The Hotwire Club about using Turbo Frames to scroll lyrics.
🧰 Libraries and Tools
Morphlex - Optimal DOM morphing, written in TypeScript.
Diff DOM Streaming - Diff DOM algorithm with streaming to make only the necessary modifications, insertions and deletions between a DOM node and an HTML stream reader.
🎉 Releases
view_component v3.12.0 - A framework for building reusable, testable & encapsulated view components in Ruby on Rails.
view_component_reflex v3.3.3 - ViewComponentReflex allows you to write reflexes right in your view component code.
tailwindcss-rails v2.4.0 - Tailwind CSS for Rails.
turbo-confirm v2.0.1 - A drop-in upgrade for Rails data-turbo-confirm.
auto-animate v0.8.2 - A zero-config, drop-in animation utility that adds smooth transitions to your web app.
stimulus-parser 0.1.4 - Statically analyze Stimulus controllers in your project.
Feel free to follow us on Twitter/X or on Mastodon!
See you next week!