Drifting Ruby

View

Episodes

Sort

Rails Version

CSS and JS in Rails Engines

#442 Feb 11, 2024 pro

Setting up a Rails Engine with the TailwindCSS and Hotwire via Importmaps can be rather difficult. There's a lot of undocumented steps to take and it can be overwhelming to approach these problems. In this episode, we look at a step by step approach to both adding TailwindCSS and Turbo & Stimulus into a Rails Engine.

rails engine hotwire stimulusjs turbo tailwind

Custom Dashboard - Part 2

#433 Dec 17, 2023 pro

In this episode, we continue on from the previous episode where we finish up the dashboard and configure the views with Turbo Frame Tags.

rails hotwire stimulusjs turbo

Custom Dashboard - Part 1

#432 Dec 10, 2023 pro

In this episode, we'll look at creating the initial management for a customizable dashboard. Users can add and arrange widgets to their dashboard.

rails hotwire stimulusjs

Form Input UX

#428 Nov 12, 2023 pro

In this episode, we'll focus on the user experience (UX) of form inputs by adding formatting of the text as the user inputs the data.

rails form ux stimulusjs

Unsaved Changes

#423 Oct 8, 2023 pro

In this episode, we'll look at creating a stimulus controller that will alert the user if there are unsaved changes on a form before they navigate away from the page or reload the site.

rails stimulusjs form

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

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

Learning Paths

Video Logs new

Blog

Merchandise

Forums new