Drifting Ruby

esbuild for Rails

#313 Sep 5, 2021 free

Use esbuild to bundle your JavaScript, then deliver it via the asset pipeline in Rails. This gem provides an installer to get you going with esbuild in a new Rails application.

7.0 javascript rails assets

4 0

Importmaps in Rails 7

#312 Sep 5, 2021 free

Import maps let you import JavaScript modules using logical names that map to versioned/digested files – directly from the browser. This will be a default in the upcoming Rails 7.

javascript rails 7.0 assets

5 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

5 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

10 16

Hotwire Turbo Replacing Rails UJS

#307 Aug 1, 2021 free

In this episode, we look at some common functionality that we got with Rails UJS and what it looks like to reimplement these with Hotwire's Turbo and StimulusJS.

hotwire javascript rails stimulusjs turbo ujs

11 9

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 9

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

Diving into Hotwire

#277 Jan 3, 2021 free

In this episode, we look at the installation scripts of Hotwire and get a better understanding of what they're doing in order to integrate it into our applications more efficiently.

rails hotwire stimulusjs javascript

9 6

Hotwire

#275 Dec 23, 2020 free

Hotwire is the newest magic which takes a different approach to building modern web applications without using much JavaScript.

javascript rails stimulusjs

19 40

View

Episodes

Sort

Tags

esbuild for Rails

Importmaps in Rails 7

Drag and Drop with Hotwire

Slim Select with Stimulus

Hotwire Turbo Replacing Rails UJS

Cropping Active Storage Uploads

Direct Upload Instantly

Creating and Reading QR Codes

Diving into Hotwire

Hotwire

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

esbuild for Rails

Importmaps in Rails 7

Drag and Drop with Hotwire

Slim Select with Stimulus

Hotwire Turbo Replacing Rails UJS

Cropping Active Storage Uploads

Direct Upload Instantly

Creating and Reading QR Codes

Diving into Hotwire

Hotwire