Week 46 - Hotwire Tips from thoughtbot, Inline Form Updates, and more!
This edition covers tips, tutorials, and tools to enhance your Hotwire and Rails skills!
Welcome to Hotwire Weekly!
Welcome to another issue of Hotwire Weekly! Happy reading! 🚀✨
📚 Articles, Tutorials, and Videos
4 tips when getting started with Hotwire - Joël Quenneville shares tips on the thoughtbot blog to help developers ease into Hotwire, including starting with standard Rails pages, structuring applications RESTfully, using dom_id for consistent IDs, and visualizing Turbo Frames to manage updates effectively.
Using Hotwire for Inline Form Updates Without Form Submission - Akshay Khot demonstrates how to create dynamic forms in Rails using Turbo and Stimulus. The tutorial guides you through building forms that update in real-time based on user input, without requiring full form submissions.
Hey, AnyCable speaking! Needing help with a Twilio-OpenAI connection? - Vladimir Dementyev explores integrating Twilio's real-time voice capabilities with OpenAI's language models using AnyCable. He demonstrates how to build a bi-directional communication system that processes live audio streams, transcribes speech, and generates AI-driven responses.
The difference between Turbo Streams and Turbo Frames - Tomasz Stolarczyk provides a comprehensive comparison between Turbo Streams and Turbo Frames in Turbo, highlighting their distinct functionalities and appropriate use cases.
Streaming Rack with Falcon - Samuel Williams explores the enhanced streaming capabilities introduced in Rack 3 and how they integrate with the Falcon web server to boost performance and interactivity in web applications. He talks about streaming input, output, server-sent events, full-duplex streaming and WebSockets.
Hotwire Native Bridge UIMenu Component - Yaroslav Shmarov shows how to integrate native dropdown menus into iOS applications using the Hotwire Native Bridge.
Proof-of-concept: Async::Cable - Samuel Williams shared a proof-of-concept for ActionCable running on Falcon and HTTP/2 websockets, called Async::Cable.
Getting Started with Stimulus in Rails (The Basics) - Ken Greeff published a video in which he walks through how to use Stimulus in a Rails application. He also talks about some of the differences in the mental model when you come from a JavaScript Framework like React.
Hotwire Native - Rails World 2024 Lightning Talk - Yaroslav Shmarov (unofficially) recorded his lightning talk at Rails World 2024 and published the recording on his YouTube channel. He talks about Turbo Hotwire Native which was also revealed at Rails World.
🧰 Libraries and Tools
async-cable - A proof-of-concept adapter for Rails 7.2+.
chromate - Chromate is a Ruby library to control Google Chrome with the Chrome DevTools Protocol.
fmt - CLI Templating System and String Formatter (demo).
🎉 Releases
rails_ui v3.0.0 - Professionally designed UI components & themes made for Ruby on Rails.
nitrokit v0.2.0 - A good-to-go UI kit for Ruby on Rails.
tom-select v2.4.0 - A lightweight hybrid of a textbox and select box.
class_variants v1.0.0 - Easily configure styles and apply them as classes.
tailwindcss-ruby v3.4.15 - A self-contained tailwindcss executable, wrapped up in a ruby gem.
proscenium v0.18.0 - An engine for powering your Rails frontend.
phlex-rails v1.2.2 - A view framework optimised for developer happiness.
Feel free to follow us on Twitter/X, Bluesky, or on Mastodon!
See you next week!