Drifting Ruby

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

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

Action Text Mentions and Notifications

#229 Feb 16, 2020 pro

In this episode, learn how to configure user mentions in Action Text with TributeJS and notify users whenever they are mentioned.

rails javascript stimulusjs action text

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

Adaptive Bitrate Streaming with Active Storage

#232 Mar 8, 2020 pro

Adaptive streaming allows the video provider to create a different video for each of the screen sizes (or devices) that he or she wishes to target. In this episode, we look at converting our Progressive Video Streams into Adaptive Bitrate Streams and serving it through Active Storage.

active storage javascript rails stimulusjs

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

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

Cross-Origin Resource Sharing (CORS)

#254 Aug 9, 2020 pro

Cross-Origin Resource Sharing (CORS) is a mechanism that uses additional HTTP headers to tell browsers to give a web application running at one origin, access to selected resources from a different origin.

javascript rails security

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

Creating and Publishing a Stimulus Controller Library

#206 Sep 8, 2019 pro

In this episode, we create a public StimulusJS Controller and publish it to NPM to that it can be shared and reused in other applications.

javascript stimulusjs rails

View

Episodes

Sort

Tags

Drag and Drop with Hotwire

From Webpacker to esbuild

Action Text Mentions and Notifications

Organizing Stimulus Controllers

Adaptive Bitrate Streaming with Active Storage

Record Audio to Active Storage

Modern Chat Feature

Cross-Origin Resource Sharing (CORS)

Cropping Active Storage Uploads

Creating and Publishing a Stimulus Controller Library

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Drag and Drop with Hotwire

From Webpacker to esbuild

Action Text Mentions and Notifications

Organizing Stimulus Controllers

Adaptive Bitrate Streaming with Active Storage

Record Audio to Active Storage

Modern Chat Feature

Cross-Origin Resource Sharing (CORS)

Cropping Active Storage Uploads

Creating and Publishing a Stimulus Controller Library