Drifting Ruby

Embedding Stripe Checkout

#422 Oct 1, 2023 free

Stripe Checkout is one of my favorite ways to handle payments in Ruby on Rails applications. Stripe Checkouts will soon have an option to embed the Checkout into your web application. In this episode, we'll look at implementing this feature with a StimulusJS controller.

rails stripe stimulusjs hotwire

System Tests

#417 Sep 3, 2023 free

In this episode, we look at adding system tests in our application to test our Stimulus Controllers. We'll also look at how to DRY up some of the tests and how to run them in a headless environment.

rails tests stimulusjs

Forecasting Data

#416 Aug 27, 2023 pro

In this episode, we will look at a date range of data and build predictions of what future values will be. However, we won't be reaching for any 3rd party APIs, but instead use statistical models to learn from our data to predict the future dates. We'll also display out our data on a table and plot it to a graph.

rails chart stimulusjs javascript

PDF Reader

#413 Aug 6, 2023 free

When previewing PDF files that were uploaded through Active Storage, we can only get a simple image of the first page. In this episode, we'll look at taking the uploaded PDFs and interacting with them.

rails uploads hotwire stimulusjs

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

View

Episodes

Sort

Tags

Embedding Stripe Checkout

System Tests

Forecasting Data

PDF Reader

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Stimulus Outlets API

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Embedding Stripe Checkout

System Tests

Forecasting Data

PDF Reader

Masked Fields

Tokenized Search

View Transitions API

Chart.js

TailwindUI Calendar

Stimulus Outlets API