Drifting Ruby

From Webpacker to esbuild

#319 Oct 17, 2021 pro

With Rails 7 coming out soon, it's a good time to look at what it could take to upgrade our existing applications to esbuild. In this episode, we start with a Rails 6 application and begin the upgrade process by removing Webpacker and switching over to esbuild.

7.0 esbuild javascript rails upgrade webpacker

6 4

Modern Chat Feature

#318 Oct 10, 2021 pro

In this episode, we create a chat application using Rails 7, esbuild (JS Bundling), CSS Bundling, Hotwire, and Action Text. We also dive into some issues around CSS Bundling and Action Text.

7.0 hotwire javascript rails turbo esbuild

4 4

Drag and Drop with Hotwire

#311 Aug 29, 2021 pro

Acts as List provides the capabilities for sorting and reordering a number of objects in a list. In combination with SortableJS and Hotwire (Stimulus), we can create a positionable list with ease.

hotwire javascript rails stimulusjs

6 1

Slim Select with Stimulus

#308 Aug 8, 2021 pro

Using Stimulus and Slim Select, we can get performant results quickly and efficiently.

form javascript stimulusjs view

11 16

Cropping Active Storage Uploads

#280 Jan 24, 2021 pro

Cropping images can be hard and there can be quite a few complications. In this episode, we have a look at using StimulusJS to crop images uploaded through Active Storage.

javascript stimulusjs uploads rails

7 12

Direct Upload Instantly

#279 Jan 17, 2021 pro

Learn how to select files and trigger them to upload to Active Storage instantly.

active storage javascript stimulusjs rails

7 8

Creating and Reading QR Codes

#278 Jan 10, 2021 pro

Reading QR Codes can be a tricky task. We look at being able to generate QR Codes on our Ruby on Rails backend and read them on the client side using a couple of libraries and Stimulus JS.

javascript rails stimulusjs getusermedia

10 12

Record Audio to Active Storage

#269 Nov 22, 2020 pro

Learn how to use the MediaRecorder API and StimulusJS for uploading and storing audio files to Active Storage.

javascript rails stimulusjs

6 8

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

5 6

Organizing Stimulus Controllers

#267 Nov 8, 2020 pro

StimulusJS is great and works great with Ruby on Rails. However, through developer habits, we can complicate our controllers and make them hard to manage. In this episode, we look at making our Stimulus controllers more manageable.

javascript rails stimulusjs

13 3

View

Episodes

Sort

Tags

From Webpacker to esbuild

Modern Chat Feature

Drag and Drop with Hotwire

Slim Select with Stimulus

Cropping Active Storage Uploads

Direct Upload Instantly

Creating and Reading QR Codes

Record Audio to Active Storage

Tracking Javascript Errors

Organizing Stimulus Controllers

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

From Webpacker to esbuild

Modern Chat Feature

Drag and Drop with Hotwire

Slim Select with Stimulus

Cropping Active Storage Uploads

Direct Upload Instantly

Creating and Reading QR Codes

Record Audio to Active Storage

Tracking Javascript Errors

Organizing Stimulus Controllers