Drifting Ruby

Custom Turbo Stream Actions

#382 Jan 1, 2023 free

With the release of Turbo 7.2, we gained the ability to create custom actions in Turbo. This allows us to trigger functions on the client side that would have been difficult or cumbersome to do in the past. In this episode, we look at setting up custom actions and how to use them.

rails turbo javascript hotwire

Stimulus Outlets API

#378 Dec 4, 2022 free

Outlets let you reference Stimulus controller instances and their controller element from within another Stimulus Controller by using CSS selectors. In this episode, we look at a simple example and then refactoring some older code where we used some workarounds to communicate with other stimulus controllers.

rails stimulusjs javascript

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

Mapbox Geolocation

#372 Oct 23, 2022 pro

Using Hotwire and the Mapbox API, we can track the location of a user and playback their recorded GPS coordinates.

rails hotwire javascript maps

Hotwire Introduction

#369 Oct 2, 2022 free

Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire. With Rails 7, we get Hotwire added in by default. In this episode, we look at some of the features with Hotwire and how to use them.

rails hotwire javascript turbo 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

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

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

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

View

Episodes

Sort

Tags

Custom Turbo Stream Actions

Stimulus Outlets API

Saving Attributes with Hotwire

Mapbox Geolocation

Hotwire Introduction

Markdown Parser

Wordle Clone

Infinite Scrolling with Hotwire

From Webpacker to esbuild

Modern Chat Feature

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Custom Turbo Stream Actions

Stimulus Outlets API

Saving Attributes with Hotwire

Mapbox Geolocation

Hotwire Introduction

Markdown Parser

Wordle Clone

Infinite Scrolling with Hotwire

From Webpacker to esbuild

Modern Chat Feature