A guide to Stimulus.js state management: data attributes, the values API, and controller properties — when to use each.
Stimulus.js Tutorial - Multiple Selects that Filter Enterprise Data Models
Chain multiple select dropdowns in Stimulus.js to progressively filter large enterprise datasets on the client side.
Stimulus.js Tutorial - Using multi select to pare down a large set of data
Use a multi-select input with Stimulus.js to filter a large table of records client-side as the user makes selections.
Modeling More Complex Datasets In Rails
Model has-many-through and polymorphic associations in Rails for real-world, many-to-many data structures.
Let’s create a Trix Editor plugin using Stimulus.js
Write a Trix editor plugin as a Stimulus.js controller to add custom toolbar buttons and formatting options.
Don’t accidentally walk away from your Active Storage Uploads with Stimulus.js
Use a Stimulus controller to detect unsaved ActiveStorage uploads and warn users before they navigate away.
Stimulus.js Tutorial - Don’t Lose Unsaved Form Fields
Prevent users from losing unsaved form input in Rails by persisting field values to localStorage with Stimulus.js.
Stimulus.js Tutorial: Implementing Radio Selection In A Form
Build a custom radio button group with Stimulus.js that highlights the selected option and submits via AJAX.
Let’s Make an Editable Header using Stimulus.js
Create a click-to-edit inline heading in Rails using a Stimulus controller to toggle between display and input modes.
Stimulus + Trix: Convert Emoji Short Codes To Unicode Characters On The Fly
Auto-convert emoji short codes like :smile: to Unicode characters as users type in a Trix editor using Stimulus.js.