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. 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
4. Inline Save and Add Another with Rails and Hotwire
5. Add a “X is writing…” with Rails and Turbo
6. Update a Progress Bar using Turbo Streams (using Custom Actions)
7. Communicating between Stimulus Controllers using Outlets API
8. Customize the Turbo Progress Bar
9. Custom Confirm Dialog For Turbo and Rails
10. How to Create a Stimulus Toggle Class Controller