Tips and Tricks to Improve your Hotwire (Turbo and Stimulus) Knowledge

Improve your UI and UX of your Rails apps with the articles focusing on Tailwind CSS, Stimulus and Hotwire.

  1. Building Nested Forms in Rails with Stimulus
  2. Refactor Stimulus.js Controllers to Use Change Callbacks
  3. Launch a Turbo Modal with URL Params Using Stimulus
  4. Nested Forms With Turbo (without dependencies)
  5. Preview an Image Before Upload with Hotwire/Stimulus
  6. Inline Save and Add Another with Rails and Hotwire
  7. Add a “X is writing…” with Rails and Turbo
  8. Update a Progress Bar using Turbo Streams (using Custom Actions)
  9. Communicating between Stimulus Controllers using Outlets API
  10. Customize the Turbo Progress Bar