Drifting Ruby

Audio Streaming with Active Storage

#233 Mar 15, 2020 pro

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

active storage rails stimulusjs

Creating and Publishing a Stimulus Controller Library

#206 Sep 8, 2019 pro

In this episode, we create a public StimulusJS Controller and publish it to NPM to that it can be shared and reused in other applications.

javascript stimulusjs rails

Wordle Clone

#340 Mar 13, 2022 pro

We look at recreating the popular Wordle game with StimulusJS. By exploring the mechanics of the game, we build our own approach.

rails javascript stimulusjs

Tracking Javascript Errors

#268 Nov 15, 2020 pro

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

Sorting from Scratch

#237 Apr 12, 2020 pro

Our Trello clone continues with adding in the ability to persist sorting of items in the database. This is the third episode of our Trello clone.

rails stimulusjs trello-clone

Markdown Parser

#341 Mar 20, 2022 pro

Markdown is a great, but unfortunately ActionText doesn't support it. In this episode, we'll look at implementing a simple markdown parser with Stimulus.

rails view markdown stimulusjs javascript

Limiting Text Input

#350 May 22, 2022 pro

User experience is important and there are little things that we can do to help improve this experience. By giving real time feedback on text inputs to approaching limits on fields, the user can modify and update their text accordingly before they submit the form. In this episode, we look at database level, model validations and limiting text input on the client side.

rails validations database stimulusjs

Chart.js

#393 Mar 19, 2023 pro

Chart.js is a simple yet flexible JavaScript charting library for the modern web. In this episode, we look at creating a Stimulus controller around Chart.js. We'll also look at making the chart interactive by adding zoom and pan functionality.

rails chart stimulusjs

View Transitions API

#397 Apr 16, 2023 pro

The View Transition API makes it easy to change the DOM in a single step, while creating an animated transition between the two states. Currently, it's available in Chrome 111 and Microsoft Edge. In this episode, we'll create a stimulus controller to interact with this new UX.

rails stimulusjs view

Tokenized Search

#401 May 14, 2023 pro

Creating an interactive search can be a daunting task. In this episode, we look at creating a "tokenized search" feature within our Rails application which is similar to what you'd find within New Relic or Kibana.

rails search stimulusjs javascript

View

Episodes

Sort

Tags

Audio Streaming with Active Storage

Creating and Publishing a Stimulus Controller Library

Wordle Clone

Tracking Javascript Errors

Sorting from Scratch

Markdown Parser

Limiting Text Input

Chart.js

View Transitions API

Tokenized Search

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Audio Streaming with Active Storage

Creating and Publishing a Stimulus Controller Library

Wordle Clone

Tracking Javascript Errors

Sorting from Scratch

Markdown Parser

Limiting Text Input

Chart.js

View Transitions API

Tokenized Search