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 do Turbo Streams Work (behind the scenes)
2. Changing CSS as You Scroll with Stimulus
3. Smooth Transitions with Turbo Streams
4. ActiveStorage Direct Upload with Stimulus
5. Drag & Drop Images with Preview using Stimulus Outlets
6. Conditionally Style Turbo Frame Content
7. Create a Resizable Navigation with Stimulus
8. Connected and Disconnected Target Callbacks with Stimulus
9. Building Nested Forms in Rails with Stimulus
10. Refactor Stimulus.js Controllers to Use Change Callbacks