Drifting Ruby

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

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

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

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

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

Dabbling with Turbo

#326 Dec 5, 2021 free

In this episode, we explore some of the new features with Turbo and interactions that we can do with little or no javascript.

7.0 hotwire rails 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

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

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

View

Episodes

Sort

Tags

Infinite Scrolling with Hotwire

Private Chat Groups

Hotwire Modals

Shopping Cart with Turbo

Hotwire Dashboards

Real-time Comments and Voting

Dabbling with Turbo

Dynamic Select Forms with Hotwire

Modern Chat Feature

Drag and Drop with Hotwire

Learning Paths

Video Logs new

Blog

Merchandise new

View

Episodes

Sort

Tags

Infinite Scrolling with Hotwire

Private Chat Groups

Hotwire Modals

Shopping Cart with Turbo

Hotwire Dashboards

Real-time Comments and Voting

Dabbling with Turbo

Dynamic Select Forms with Hotwire

Modern Chat Feature

Drag and Drop with Hotwire