Drifting Ruby

Hotwire Dashboards

#332 Jan 16, 2022 pro

Dashboards can be a source of poor performance and contain much complexity in our applications. Using Hotwire, we can increase the responsiveness of our dashboard with a maintainable approach.

hotwire rails view

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

Form Wizards from Scratch

#291 Apr 11, 2021 pro

Learn how to make form wizards without any external dependencies. This will allow you to have a simple extendable workflow and optionally to take advantage of Hotwire to create a seamless experience.

form hotwire rails

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

Bootstrap v5

#287 Mar 14, 2021 pro

We look at 4 different ways to add Bootstrap v5 to our Rails application. Depending on your application's direction, you may choose the appropriate route; Webpacker, the Bootstrap gem, CDN or Hotwire + yarn.

css rails webpacker hotwire

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

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

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

Hotwire Dashboards

Hotwire & ViewComponents

Dynamic Select Forms with Hotwire

Form Wizards from Scratch

Real-time Comments and Voting

Bootstrap v5

Drag and Drop with Hotwire

Shopping Cart with Turbo

Saving Attributes with Hotwire

Modern Chat Feature

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

Hotwire Dashboards

Hotwire & ViewComponents

Dynamic Select Forms with Hotwire

Form Wizards from Scratch

Real-time Comments and Voting

Bootstrap v5

Drag and Drop with Hotwire

Shopping Cart with Turbo

Saving Attributes with Hotwire

Modern Chat Feature