Tips and Tricks to Improve your Hotwire Knowledge

Everything you need to know about making Rails apps feel snappy and modern with Hotwire. From basic Turbo Drive to real-time updates with Streams, plus all the Stimulus tricks!

JavaScript for Rails Developers
Out now

August 2025

  1. Shift+Click Selection for Bulk Actions with Stimulus
  2. User-Specific Content in Turbo Stream Partials
  3. Create a macOS-inspired stack UI with Stimulus and Tailwind CSS

July 2025

  1. Add Konami Codes with Stimulus
  2. Smarter Use of Stimulus' Action Parameters
  3. Auto-pause YouTube Videos with Stimulus

June 2025

  1. Auto-pause Video Player with Stimulus

May 2025

  1. Create a Markdown-Powered Textarea with Stimulus
  2. Natural Language Parser for Recurring Events using Stimulus
  3. Turbo Drive, Frames, Streams, Morph? What to use?!

April 2025

  1. Enhanced debugging for Stimulus
  2. Beyond translations in Stimulus: formatting dates, time and currency

March 2025

  1. Touch Events (swipe) using Stimulus
  2. Translations in Stimulus Controllers
  3. Using the Keyboard with Stimulus
  4. Build a Notion-like editor with Rails, part 2

February 2025

  1. Create an Animated Counter in Stimulus
  2. How to Send Requests from Stimulus Controllers

January 2025

  1. Use cases for Turbo's Custom Events

December 2024

  1. Advanced Stimulus: Custom Action Options
  2. Why Disconnect in Stimulus Controllers

November 2024

  1. Stimulus Features You (Didn't) Know
  2. Inheritance with Stimulus Controller
  3. Store UI State in localStorage with Stimulus

October 2024

  1. Hotwire and Stimulus Tools You Need to Know
  2. Basic Autocomplete Without JavaScript using Datalist
  3. Broadcast Turbo Streams without Redis
  4. How do Turbo Streams Work (behind the scenes)
  5. Changing CSS as You Scroll with Stimulus
  6. Smooth Transitions with Turbo Streams
  7. ActiveStorage Direct Upload with Stimulus

September 2024

  1. Drag & Drop Images with Preview using Stimulus Outlets
  2. Conditionally Style Turbo Frame Content
  3. Create a Resizable Navigation with Stimulus
  4. Connected and Disconnected Target Callbacks with Stimulus
  5. Building Nested Forms in Rails with Stimulus
  6. Refactor Stimulus.js Controllers to Use Change Callbacks

August 2024

  1. Launch a Turbo Modal with URL Params Using Stimulus
  2. Nested Forms With Turbo (without dependencies)
  3. Preview an Image Before Upload with Hotwire/Stimulus

July 2024

  1. Inline Save and Add Another with Rails and Hotwire
  2. Add a “X is writing…” with Rails and Turbo

June 2024

  1. Update a Progress Bar using Turbo Streams (using Custom Actions)

May 2024

  1. Communicating between Stimulus Controllers using Outlets API
  2. Customize the Turbo Progress Bar
  3. Custom Confirm Dialog For Turbo and Rails
  4. How to Create a Stimulus Toggle Class Controller
  5. How to Add Disabled State to Buttons with Turbo & Tailwind CSS

April 2024

  1. ViewComponent over Turbo Stream Broadcasts
  2. Easy Peasy Form Validation Errors with Rails Turbo Frames (modals)

March 2024

  1. How to Toggle Multiple CSS Classes with Stimulus
  2. How to Properly Structure Stimulus Controller
  3. How to implement and customize Rails Flash Messages (notifications)
  4. Conditionally Add CSS Classes in Your Stimulus Controllers

February 2024

  1. How to add a skeleton UI to Rails with Turbo
  2. How to add Hotkeys to your Rails App with Stimulus

January 2024

  1. How to create Modals with Rails and Hotwire (and Tailwind CSS)