Drifting Ruby

Masked Fields

#403 May 28, 2023 pro

Learn to create a reusable Stimulus controller to be able to toggle fields so that we can hide sensitive information from prying eyes, screenshots or when sharing our screen.

rails stimulusjs security javascript

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 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

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

TailwindUI Calendar

#383 Jan 8, 2023 pro

The TailwindUI library provides static styled HTML examples, but this can be difficult to translate into a Rails application. In this episode, we take a look at one of the calendar examples and make it interactive with displaying days that have events as well as returning events on selected days.

rails tailwind turbo stimulusjs hotwire

Stimulus Outlets API

#378 Dec 4, 2022 free

Outlets let you reference Stimulus controller instances and their controller element from within another Stimulus Controller by using CSS selectors. In this episode, we look at a simple example and then refactoring some older code where we used some workarounds to communicate with other stimulus controllers.

rails stimulusjs javascript

Hotwire Introduction

#369 Oct 2, 2022 free

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. With Rails 7, we get Hotwire added in by default. In this episode, we look at some of the features with Hotwire and how to use them.

rails hotwire javascript turbo stimulusjs

Liquid Templates

#358 Jul 17, 2022 pro

Using Stimulus and Liquid, we can create real time previews of the Liquid Template Renderer. Liquid provides a markup language that is a safe, customer facing template language for flexible web apps.

rails view stimulusjs

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

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

View

Episodes

Sort

Tags

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Stimulus Outlets API

Hotwire Introduction

Liquid Templates

Limiting Text Input

Markdown Parser

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Stimulus Outlets API

Hotwire Introduction

Liquid Templates

Limiting Text Input

Markdown Parser