OnRailsBlog

Update a Rails model attribute via checkbox click using Stimulus.js and Turbo Morphing for a seamless in-place update.

Stream progress bar updates from a long-running Sidekiq background job into the browser using HOTWire and Turbo Streams.

Add a full-page loading screen during Turbo Drive navigation to keep users informed while the next page loads.

Build real-time in-app notifications in Rails with HOTWire, streaming them live via Turbo Streams over ActionCable.

Maizzle can take your Tailwind theme and help your write beautiful transaction emails.

Interactive websites have that feeling of immediacy. Clicked links respond in milliseconds, and there is never a need to wait… Waiting for a remote record to delete, and then the whole page refresh afterwards can feel like an eternity in web’s modernity.

Handle paginated record deletions interactively with HOTWire, keeping the list in sync without full page reloads.

What makes any web site a progressive web app? Two small pieces tell the browser to treat your web page as a progressive web app.

Add HOTWire to an existing Rails monolith to make form submissions feel instant using Turbo Frames and Streams.

A step-by-step guide to progressively upgrading an existing Rails app with Hotwire for real-time interactivity.