Stimulus Examples

Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact, it’s not concerned with rendering HTML at all. Instead, it’s designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbolinks to provide a complete solution for fast, compelling applications with a minimal amount of effort.
  • 3hr 15min
  • 13 Episodes
  • 3hr 15min Remaining
3hr 15min Remaining
  1. Tracking Javascript Errors
    Play
    9:08 CC

    #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.
    • 9min
    • 6
    • 6

  2. Deferred Content Loading
    Play
    10:07 CC

    #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.
    • 10min
    • 13
    • 6

  3. StimulusJS, Active Storage and DropzoneJS
    Play
    14:01 CC

    #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.
    • 14min
    • 13
    • 57

  4. Polling with StimulusJS
    Play
    10:14 CC

    #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.
    • 10min
    • 17
    • 4

  5. Saving Individual Attributes with StimulusJS
    Play
    14:31 CC

    #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.
    • 14min
    • 32
    • 2

  6. Nested Forms from Scratch with StimulusJS
    Play
    16:54 CC

    #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.
    • 16min
    • 26
    • 12

  7. Embedding Youtube Videos into Action Text with Stimulus
    Play
    18:57 CC

    #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.
    • 18min
    • 9
    • 13

  8. Reactive Applications with Stimulus Reflex
    Play
    16:30 CC

    #209 Sep 29, 2019

    Create Reactive and Single Page Application like with no javascript or with Stimulus Controllers.
    • 16min
    • 18
    • 1

  9. Client Side Validation with StimulusJS
    Play
    18:59 CC

    #207 Sep 15, 2019

    Give clients quick feedback on form validation errors with ValidateJS and StimulusJS.
    • 18min
    • 24
    • 7

  10. FullCalendar with StimulusJS
    Play
    15:23 CC

    #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.
    • 15min
    • 20
    • 33

  11. Audio Streaming with Active Storage
    Play
    10:21 CC

    #233 Mar 15, 2020

    Using StimulusJS and Active Storage, create a simple Audio Streaming service where users can play and stream audio content.
    • 10min
    • 6
    • 10

  12. Realtime Client Updates from Background Jobs with Stimulus
    Play
    23:30 CC

    #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.
    • 23min
    • 32
    • 4

  13. Google Maps API with StimulusJS
    Play
    17:14 CC

    #236 Apr 5, 2020

    Add unobtrusive maps to your application using StimulusJS to tie in Google Maps Javascript API and Places API.
    • 17min
    • 46
    • 7