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.

Want to become more comfortable writing your own JavaScript and understand the JavaScript written by others? Check JavaScript for Rails Developers.

  1. How to Add Disabled State to Buttons with Turbo & Tailwind CSS
  2. ViewComponent over Turbo Stream Broadcasts
  3. Easy Peasy Form Validation Errors with Rails Turbo Frames (modals)
  4. How to Toggle Multiple CSS Classes with Stimulus
  5. How to Properly Structure Stimulus Controller
  6. How to implement and customize Rails Flash Messages (notifications)
  7. Conditionally Add CSS Classes in Your Stimulus Controllers
  8. How to add a skeleton UI to Rails with Turbo
  9. How to add Hotkeys to your Rails App with Stimulus
  10. How to create Modals with Rails and Hotwire (and Tailwind CSS)