Drifting Ruby

Hotwire & ViewComponents

#288 Mar 21, 2021 pro

In this episode, we look into adding ViewComponent and Hotwire into our Rails application. With this powerful combination, we can create highly interactive applications with ease.

hotwire rails view component turbo

Dynamic Select Forms with Hotwire

#325 Nov 28, 2021 pro

Using StimulusJS and Turbo, we are able to dynamically update select input with content based on another select input. This allows for a seamless user experience while having a configurable and maintainable backend.

7.0 form hotwire rails turbo

Real-time Comments and Voting

#331 Jan 9, 2022 pro

Using Hotwire we'll create a comment and voting system from scratch without any javascript. With the help of Turbo, we enable real-time updates and broadcasts of comments and votes.

7.0 hotwire rails turbo

Shopping Cart with Turbo

#334 Jan 30, 2022 pro

Shopping carts can be extremely complex as there are many moving parts involved. In this episode, we'll look at some of the considerations when adding this feature and build this implementation in Hotwire.

hotwire rails turbo

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

Inline Editing with Turbo

#381 Dec 25, 2022 pro

Using Turbo, we can create an interactive inline editing feature without writing any Javascript. In this episode, we look at some of the nuances with Turbo Streams and handling form errors.

rails turbo form

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

Kanban from Scratch

#467 Jul 28, 2024 pro

In this episode, we'll create a kanban style board where cards can be created and moved from one column to another. We will do all of this without any external libraries; using only what is included out of the box with Turbo and Stimulus.

rails hotwire turbo stimulusjs

Parent Relationships and Turbo Frames

#421 Sep 24, 2023 pro

Without writing any javascript, we create a highly interactive parent navigation. We will use Turbo Frames to provide the highly interactive experience and build a parent-child relationship from scratch.

rails turbo model

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

View

Episodes

Sort

Tags

Hotwire & ViewComponents

Dynamic Select Forms with Hotwire

Real-time Comments and Voting

Shopping Cart with Turbo

Saving Attributes with Hotwire

Inline Editing with Turbo

Modern Chat Feature

Kanban from Scratch

Parent Relationships and Turbo Frames

Private Chat Groups

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Hotwire & ViewComponents

Dynamic Select Forms with Hotwire

Real-time Comments and Voting

Shopping Cart with Turbo

Saving Attributes with Hotwire

Inline Editing with Turbo

Modern Chat Feature

Kanban from Scratch

Parent Relationships and Turbo Frames

Private Chat Groups