Modern Front-End Development for Rails

Chapter 3Stimulus

In the last chapter, we saw how Turbo allows us to build a lot of interactivity into a web application without any JavaScript. Still, some things can either only be done on the client, like animations, or are display-only changes that the server doesn’t need to know about. For those, we turn to the other part of the Hotwire HTML story: Stimulus. Stimulus is a JavaScript tool that integrates with HTML and is particularly designed to adapt to new HTML as it changes the DOM, which means it’s specifically good at dealing with the DOM changes that come from Turbo Frames or Turbo Streams.

In this chapter, we’re going to use the Stimulus library to start adding features to our schedule page. Along the way, we’ll explore Stimulus’s ...