Drifting Ruby

TailwindUI Calendar

#383 Jan 8, 2023 pro

The TailwindUI library provides static styled HTML examples, but this can be difficult to translate into a Rails application. In this episode, we take a look at one of the calendar examples and make it interactive with displaying days that have events as well as returning events on selected days.

rails tailwind turbo stimulusjs hotwire

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

Creating Embedded Iframes

#375 Nov 13, 2022 pro

Similar to Youtube embeds, we will look at creating embedded links to our application so that portions of the application can be embedded. However, there are a lot of security implications and should be done with caution.

rails view 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

Hotwire Question and Answer Feature

#363 Aug 21, 2022 pro

In this episode, we create a highly interactive question and answer feature using Ruby on Rails and Hotwire. We also look at handling contextual actions based on the user when broadcasting the answers, all without writing any javascript.

rails hotwire turbo

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

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

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

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

View

Episodes

Sort

Tags

TailwindUI Calendar

Inline Editing with Turbo

Creating Embedded Iframes

Saving Attributes with Hotwire

Hotwire Question and Answer Feature

Infinite Scrolling with Hotwire

Private Chat Groups

Shopping Cart with Turbo

Real-time Comments and Voting

Dynamic Select Forms with Hotwire

Learning Paths

Video Logs new

Blog

Merchandise

Forums new

View

Episodes

Sort

Tags

TailwindUI Calendar

Inline Editing with Turbo

Creating Embedded Iframes

Saving Attributes with Hotwire

Hotwire Question and Answer Feature

Infinite Scrolling with Hotwire

Private Chat Groups

Shopping Cart with Turbo

Real-time Comments and Voting

Dynamic Select Forms with Hotwire