zoom_in Click to enlarge

Stimulus

▲ ▼

language

description Stimulus Overview

Stimulus is a lightweight JavaScript framework designed for enhancing web applications with dynamic behavior. It utilizes HTML attributes to trigger responsive changes within existing HTML structures. This approach allows frontend developers and those familiar with technologies like HTML, Rails, or Hotwire to easily add interactivity without introducing complex component-based architectures. Stimulus is particularly useful for small to medium-sized projects needing targeted enhancements and a simpler development workflow.

help Stimulus FAQ

What companies created and use the Stimulus JavaScript framework?

Stimulus was created by Basecamp, specifically by Ruby on Rails creator David Heinemeier Hansson and programmer Sam Stephenson. It was developed as the JavaScript component of their Hotwire stack to enhance their server-rendered applications. It is the default frontend framework used in modern versions of Ruby on Rails.

How does Stimulus connect JavaScript to HTML elements?

Stimulus connects to the DOM using declarative HTML data attributes, specifically `data-controller`, `data-action`, and `data-target`. Instead of writing code to manually query and manipulate DOM elements, developers attach these descriptive tags to their HTML. The framework then automatically maps user actions like clicks or input changes to specific JavaScript controller methods.

Is Stimulus designed to be a replacement for React or Vue?

No, Stimulus is not designed to replace heavy component-based libraries like React or Vue, which manage their own complex virtual DOM and state. Instead, Stimulus is designed for servers that already render HTML, acting as a lightweight layer of behavior to enhance the existing markup. It focuses on progressive enhancement rather than taking over the entire client-side rendering pipeline.

What is the relationship between Stimulus and the Hotwire web framework?

Stimulus is the official JavaScript half of the Hotwire (HTML-over-the-wire) development approach pioneered by Basecamp. While Turbo (the other half of Hotwire) handles speeding up page navigation by intercepting link clicks, Stimulus handles the interactive element behaviors on those pages. Together, they allow developers to build modern, fast applications without writing heavy amounts of custom JavaScript.

swap_horiz

Looking for Stimulus alternatives? Compare top competitors ranked & scored

arrow_forward