index.md

title	nav_order
Home	1

{: .important-title }

News

Check out my new Patron community, The Hotwire Club

Better StimulusJS

An Opinionated Collection of StimulusJS Best Practices

StimulusJS, the modest JavaScript framework by Basecamp is gaining widespread traction. It powers Basecamp and HEY, among others, and is a natural choice for Rails developers. That said, it fits any codebase that embraces server-side generated HTML and lightweight JS sprinkles.

Unfortunately, the official docs lack clear guidelines and best practice examples. Thus, this guide tries to present advice for newcomers and intermediate Stimulus programmers.

Covered topics include:

• Architecture
  • Application Controller
  • Configurable Controllers
  • Mixins
  • Namespaced Attributes
• DOM manipulation
  • Use <template> to Restore DOM State
• Error Handling
  • Global Error Handler
• Events
• Integrating Libraries
  • Use Lifecycle Events for Setup and Teardown
• Interaction
  • Controller DOM Mapper
  • Use Callbacks to Communicate Between Controllers
• SOLID
  • Single Responsibility Principle
• With rails-ujs
  • Submit a Form Programmatically
• With Turbo
  • Global Teardown

Stay Informed

Get updates when new articles are posted:

* indicates required

Email Address *

Marketing Permissions

Please select all the ways you would like to hear from :

Email

You can unsubscribe at any time by clicking the link in the footer of our emails. For information about our privacy practices, please visit our website.

We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices here.

Who made this?

This site is maintained by Julian Rubisch, Stimulus Reflex core team member and senior Rails developer. A range of enthusiast volunteers helps keeping articles up to date and quality-assured.

Disagree or have comments?

Take a look at https://github.com/julianrubisch/better-stimulus for ways to contribute and/or discuss content.