Category: Stimulus JS

Stimulus.js Tutorial – Using multi select to pare down a large set of data

Published October 4, 2018 by johnbeatty

Now that we have a lot of books in our library system, it would be great if we could quickly filter the books based on…

Published September 14, 2018 by johnbeatty

I’ve been working on an app that uses Trix to edit a very complicated book text. Someone asked if I could add the ability to…

Published May 30, 2018 by johnbeatty

I’ve recently been using Active Storage, and it has a really neat feature called Direct Uploads. Active Storage asks your app for a URL for…

Published May 9, 2018 by johnbeatty

You may shudder remembering that long form you were once filling out, only to accidentally click a link, or refresh the page. You lost everything,…

Published April 18, 2018 by johnbeatty

Let’s say your building a really fancy UI, and you don’t want to use plain old radio buttons in your form. You might have a…

Published April 11, 2018 by johnbeatty

Stimulus excels at adding sprinkles of interactivity to your web apps. Let’s say you want to make an element on your page editable, like a…

Published March 27, 2018 by johnbeatty

Let’s Add an Emoji Converter to Trix with Stimulus We’ve been exploring using Stimulus to add interactivity to our apps. Let’s use Stimulus to watch…

Published March 20, 2018 by johnbeatty

In one of my projects, I had a table with a lot of rows of uniform data. I started using a JQuery plugin called Sticky…

Published March 15, 2018 by johnbeatty

Let’s work off the previous Todo tutorial and add a way to filter those Todos using just Stimulus. We will only need to work on…

Published March 13, 2018 by johnbeatty

First, I’m going to assume you’ve read the Stimulus handbook, cover to cover, like I have. Let’s say you have a Todo app, with a…