Drifting Ruby

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

WYSIWYG Editor with Summernote

#27 May 2, 2016 free

Integrate Summernote WYSIWYG Editor into your application. Learn how to use AJAX callbacks to filestore your images instead of database Base64.

rails wysiwyg view ajax javascript

Geocoding, Places and Maps

#84 Jun 11, 2017 free

Using the Geocoder gem and Google APIs, learn how to add some geolocation functionality to your application.

rails javascript api maps

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

Client Side Encryption

#63 Jan 15, 2017 free

Add an extra level of security to your application with client side encryption. Even over an SSL connection, there are attacks which could expose your users' sensitive information. Using JSEncrypt, learn how to encrypt on the client side and decrypt on the server side.

rails security javascript encryption

Saving Attributes with Hotwire

#373 Oct 30, 2022 pro

With Hotwire, we can create form where each input field is saved once a user has changed its value. We look at some of the common issues that you could run into when using Hotwire and some ways to mitigate those problems.

rails hotwire javascript turbo form

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

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

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

Not RJS and Turbolinks

#20 Nov 9, 2015 free

Using Javascript responses, we can make our Rails application have a quick and responsive Single Page Application feel to it.

rails javascript performance

View

Episodes

Sort

Tags

Direct Upload Instantly

WYSIWYG Editor with Summernote

Geocoding, Places and Maps

Drag and Drop with Hotwire

Client Side Encryption

Saving Attributes with Hotwire

From Webpacker to esbuild

Modern Chat Feature

Cropping Active Storage Uploads

Not RJS and Turbolinks

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Direct Upload Instantly

WYSIWYG Editor with Summernote

Geocoding, Places and Maps

Drag and Drop with Hotwire

Client Side Encryption

Saving Attributes with Hotwire

From Webpacker to esbuild

Modern Chat Feature

Cropping Active Storage Uploads

Not RJS and Turbolinks