Drifting Ruby

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

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

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

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

Infinite Scrolling with Hotwire

#338 Feb 27, 2022 pro

In this episode, we have a look at two different approaches for implementing an infinite scrolling feature within a Ruby on Rails application with Hotwire. The first method will use a Stimulus Controller to handle AJAX requests back to the Rails application. The second approach will not use any external library, other than Hotwire, nor any javascript to accomplish the infinite scrolling.

rails hotwire javascript turbo

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

Wordle Clone

#340 Mar 13, 2022 pro

We look at recreating the popular Wordle game with StimulusJS. By exploring the mechanics of the game, we build our own approach.

rails javascript stimulusjs

Markdown Parser

#341 Mar 20, 2022 pro

Markdown is a great, but unfortunately ActionText doesn't support it. In this episode, we'll look at implementing a simple markdown parser with Stimulus.

rails view markdown stimulusjs javascript

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

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

View

Episodes

Sort

Tags

Cross-Origin Resource Sharing (CORS)

Modern Chat Feature

Direct Upload Instantly

Action Text Mentions and Notifications

Infinite Scrolling with Hotwire

Organizing Stimulus Controllers

Wordle Clone

Markdown Parser

Tracking Javascript Errors

Saving Attributes with Hotwire

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Cross-Origin Resource Sharing (CORS)

Modern Chat Feature

Direct Upload Instantly

Action Text Mentions and Notifications

Infinite Scrolling with Hotwire

Organizing Stimulus Controllers

Wordle Clone

Markdown Parser

Tracking Javascript Errors

Saving Attributes with Hotwire