Stimulus Examples

Learning Path
Comments 0

9:08 CC
Tracking Javascript Errors

#268 Nov 15, 2020

Tracking errors on our server side is important, but we often forget about our client side errors. These can often be even more difficult to troubleshoot as there are many more variables at play. In this episode, we look at tracking the Javascript errors so that we can be notified of any issues our users experience.
javascript rails stimulusjs
Mark as Watched Watch Later
- 9min
- 6
- 6
10:07 CC
Deferred Content Loading

#265 Oct 25, 2020

Learn to load slow content in the background so that your application still responds quickly while the heavy calculations are being done. Give quick responsiveness and optional polling to partials.
rails stimulusjs
Mark as Watched Watch Later
- 10min
- 13
- 6
14:01 CC
StimulusJS, Active Storage and DropzoneJS

#263 Oct 11, 2020

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews. It's lightweight, highly customizable and doesn't have any dependencies.
active storage rails stimulusjs uploads
Mark as Watched Watch Later
- 14min
- 13
- 57
10:14 CC
Polling with StimulusJS

#211 Oct 13, 2019

Sometimes an old techniques with a modern twist can not only solve the problems at hand, but can also simplify the application's architecture.
javascript ruby stimulusjs
Mark as Watched Watch Later
- 10min
- 17
- 4
14:31 CC
Saving Individual Attributes with StimulusJS

#189 May 19, 2019

In this episode, we take a look at recreating a feature on Zoom's setting page where clicking a check box automatically saves the changed setting.
rails javascript stimulusjs
Mark as Watched Watch Later
- 14min
- 32
- 2
16:54 CC
Nested Forms from Scratch with StimulusJS

#186 May 5, 2019

Using StimulusJS controllers, adding nested forms to a Rails application is easy and unobtrusive. In this episode, we look at an alternative way of creating nested forms without the Cocoon gem.
rails form javascript stimulusjs
Mark as Watched Watch Later
- 16min
- 26
- 12
18:57 CC
Embedding Youtube Videos into Action Text with Stimulus

#243 May 24, 2020

Creating attachments with Action Text can be difficult, but in this episode, we look at how we can create embedded attachments into Trix without needing a persisting the data on a separate model on our database.
action text rails stimulusjs
Mark as Watched Watch Later
- 18min
- 9
- 13
16:30 CC
Reactive Applications with Stimulus Reflex

#209 Sep 29, 2019

Create Reactive and Single Page Application like with no javascript or with Stimulus Controllers.
web sockets rails javascript stimulusjs
Mark as Watched Watch Later
- 16min
- 18
- 1
18:59 CC
Client Side Validation with StimulusJS

#207 Sep 15, 2019

Give clients quick feedback on form validation errors with ValidateJS and StimulusJS.
rails form stimulusjs validations
Mark as Watched Watch Later
- 18min
- 24
- 7
15:23 CC
FullCalendar with StimulusJS

#250 Jul 12, 2020

FullCalendar still remains to be one of the best Javascript calendar libraries and with the power of StimulusJS, it is easier than ever to interact with. In this episode, we look at implementing the latest version of FullCalendar (v5) in our Ruby on Rails application.
javascript rails stimulusjs
Mark as Watched Watch Later
- 15min
- 20
- 33
10:21 CC
Audio Streaming with Active Storage

#233 Mar 15, 2020

Using StimulusJS and Active Storage, create a simple Audio Streaming service where users can play and stream audio content.
active storage rails stimulusjs
Mark as Watched Watch Later
- 10min
- 6
- 10
23:30 CC
Realtime Client Updates from Background Jobs with Stimulus

#190 May 26, 2019

Using RailsUJS, ActiveJob, ActionCable and Stimulus, we create a realtime feedback for background jobs running to provide a better user experience.
rails javascript websockets stimulusjs
Mark as Watched Watch Later
- 23min
- 32
- 4
17:14 CC
Google Maps API with StimulusJS

#236 Apr 5, 2020

Add unobtrusive maps to your application using StimulusJS to tie in Google Maps Javascript API and Places API.
api javascript rails stimulusjs
Mark as Watched Watch Later
- 17min
- 46
- 7