Tips and Tricks to Improve your Hotwire (Turbo and Stimulus) 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!

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

1. Preview an Image Before Upload with Hotwire/Stimulus
2. Inline Save and Add Another with Rails and Hotwire
3. Add a “X is writing…” with Rails and Turbo
4. Update a Progress Bar using Turbo Streams (using Custom Actions)
5. Communicating between Stimulus Controllers using Outlets API
6. Customize the Turbo Progress Bar
7. Custom Confirm Dialog For Turbo and Rails
8. How to Create a Stimulus Toggle Class Controller
9. How to Add Disabled State to Buttons with Turbo & Tailwind CSS
10. ViewComponent over Turbo Stream Broadcasts