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

Liquid Templates

#358 Jul 17, 2022 pro

Using Stimulus and Liquid, we can create real time previews of the Liquid Template Renderer. Liquid provides a markup language that is a safe, customer facing template language for flexible web apps.

rails view stimulusjs

Limiting Text Input

#350 May 22, 2022 pro

User experience is important and there are little things that we can do to help improve this experience. By giving real time feedback on text inputs to approaching limits on fields, the user can modify and update their text accordingly before they submit the form. In this episode, we look at database level, model validations and limiting text input on the client side.

rails validations database 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

Private Chat Groups

#337 Feb 20, 2022 pro

In this episode, we look at broadcasting to private channels using stimulus controllers and turbo. We also look at the interactivity between two stimulus controllers and different ways of broadcasting to turbo streams.

rails hotwire stimulusjs turbo

Hotwire Modals

#335 Feb 6, 2022 free

In this episode, we look at creating an unobtrusive and efficient way to launch Bootstrap modals using Turbo and Stimulus.

7.0 rails hotwire turbo stimulusjs

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

Slim Select with Stimulus

#308 Aug 8, 2021 pro

Using Stimulus and Slim Select, we can get performant results quickly and efficiently.

form javascript stimulusjs view

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

View

Episodes

Sort

Tags

Hotwire Introduction

Liquid Templates

Limiting Text Input

Markdown Parser

Wordle Clone

Private Chat Groups

Hotwire Modals

Drag and Drop with Hotwire

Slim Select with Stimulus

Hotwire Turbo Replacing Rails UJS

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Hotwire Introduction

Liquid Templates

Limiting Text Input

Markdown Parser

Wordle Clone

Private Chat Groups

Hotwire Modals

Drag and Drop with Hotwire

Slim Select with Stimulus

Hotwire Turbo Replacing Rails UJS