Drifting Ruby

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

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

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

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

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

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

The Stimulus 2.0 Tutorial

#272 Dec 6, 2020 free

Stimulus 2.0 has been released and with it comes new features, changes and bug fixes. In this episode, we look at adding Stimulus in our application, exploring the new features, and looking at what has changed.

javascript rails stimulusjs

Google Maps API with StimulusJS

#236 Apr 5, 2020 free

Add unobtrusive maps to your application using StimulusJS to tie in Google Maps Javascript API and Places API.

api javascript rails stimulusjs

Syntax Highlighting with Action Text

#231 Mar 1, 2020 free

Set up Action Text with client side Syntax Highlighting using Highlight.js.

action text javascript rails

From jQuery to ES6

#218 Dec 1, 2019 free

jQuery has been a great tool for many years, but we've seen a transition in the past years where applications have dropped jQuery and moved to vanilla javascript. In this episode, we look at some common jQuery examples and the ES6 equivalencies.

javascript es6 jquery

View

Episodes

Sort

Tags

Hotwire Introduction

esbuild for Rails

Importmaps in Rails 7

Hotwire Turbo Replacing Rails UJS

Diving into Hotwire

Hotwire

The Stimulus 2.0 Tutorial

Google Maps API with StimulusJS

Syntax Highlighting with Action Text

From jQuery to ES6

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Hotwire Introduction

esbuild for Rails

Importmaps in Rails 7

Hotwire Turbo Replacing Rails UJS

Diving into Hotwire

Hotwire

The Stimulus 2.0 Tutorial

Google Maps API with StimulusJS

Syntax Highlighting with Action Text

From jQuery to ES6