Hotwire

Learn how to use Hotwire as an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire.

24 minutes

Series Info

Videos

Length

4 hours and 3 minutes

Difficulty

Intermediate

Videos

24 minutes

How to use Hotwire in Rails

#376 · Dec 23, 2020

Hotwire is the NEW MAGIC that DHH has been teasing about for so long. This episode we'll build the famous Twitter clone using Hotwire to see how it compares to other solutions out there.

11 minutes

How to use Devise with Hotwire & Turbo.js

#377 · Jan 01, 2021

Hotwire's Turbo library intercepts forms automatically so Devise needs a few tweaks to work with it. Learn how to do that in this screencast!

11 minutes

How to upgrade from Turbolinks to Hotwire & Turbo

#378 · Jan 05, 2021

Upgrading from Turbolinks to Hotwire is actually pretty simple now that Turbo handles error responses

8 minutes

Hotwire Modal Forms

#379 · Jan 12, 2021 Pro

Modal forms are common, but how do we do them with Hotwire to render validation errors and redirect on success?

11 minutes

Flash Messages and Toasts with Hotwire & Turbo.js

#388 · Mar 15, 2021 Pro

Hotwire & Turbo.js are designed to make realtime updates to your page. So how do you notify the user with flash messages or toasts? That's what we're covering in this episode.

19 minutes

Dynamic Select Fields in Rails with Hotwire

#408 · Aug 02, 2021

Need to dynamically update fields when a user changes a select box? We can do that easily in Rails using Hotwire's Turbo Stream actions.

25 minutes

Datatables From Scratch Using Hotwire

#422 · Nov 22, 2021 Pro

Ever wanted to build Datatables into your Rails app? You can using Hotwire using Turbo Frames without any custom Javascript.

12 minutes

Migrating from Rails UJS to Hotwire: Data Method, Confirm, and Disable With

#427 · Dec 29, 2021

Turbo now provides equivalents to Rails UJS data confirm, disable with, and method attributes that we can use.

13 minutes

Realtime Charts with Stimulus Target Callbacks

#429 · Jan 17, 2022 Pro

Learn how to use Stimulus Target Callbacks to trigger realtime Chart updates

20 minutes

Inline Editing with Turbo Frames in Rails

#431 · Feb 01, 2022

Hotwire allows us to add inline editing easily in Rails forms using Turbo Frames. Learn how to implement them in a reusable manner so you can inline edit any fields across any model.

9 minutes

Custom Turbo Confirm Modals with Hotwire in Rails

#450 · Jun 13, 2022

Overriding the Confirm method in Turbolinks and Hotwire has been pretty tricky until now. Using promises, Turbo can now wait until the user has submitted the confirm modal.

31 minutes

Dynamic Nested Forms with Turbo

#470 · Nov 28, 2022 Pro

In this episode, we will look at how to refactor an existing dynamic nested attributes form that uses Stimulus to instead leverage the ability to now make GET requests with Turbo.

15 minutes

Turbo Confirm Modals with Confirmation Text in Rails

Turbo confirm modals typically ask a simple yes or no confirmation. What if you want to force the user to type in confirmation text to ensure they are paying attention? That's exactly what we'll build in this episode!

10 minutes

Auto-submitting Forms & Custom Turbo Stream Actions

#487 · Mar 27, 2023

Learn how to auto-submit forms when a user changes a value and use custom Turbo Stream Actions to update the page

15 minutes

Custom Turbo Stream Actions

#488 · Apr 03, 2023 Pro

Learn how to build custom Turbo Stream Actions to build things like browser notifications, console logging, or anything you want. Plus, we'll look at how Turbo implements this in their GitHub codebase.

Courses

Rails for Beginners

Advanced Ruby: Behind the Magic

Payments with Rails Master Class

Refactoring Rails

Apps

Hatchbox.io

Jumpstart Rails SaaS Template

Other

Remote Ruby Podcast

Rails Hackathon

Beginner Bounties

Ruby on Rails Job Board

Hotwire

Series Info

Videos

How to use Hotwire in Rails

#376 · Dec 23, 2020

How to use Devise with Hotwire & Turbo.js

#377 · Jan 01, 2021

How to upgrade from Turbolinks to Hotwire & Turbo

#378 · Jan 05, 2021

Hotwire Modal Forms

#379 · Jan 12, 2021 Pro

Flash Messages and Toasts with Hotwire & Turbo.js

#388 · Mar 15, 2021 Pro

Dynamic Select Fields in Rails with Hotwire

#408 · Aug 02, 2021

Datatables From Scratch Using Hotwire

#422 · Nov 22, 2021 Pro

Migrating from Rails UJS to Hotwire: Data Method, Confirm, and Disable With

#427 · Dec 29, 2021

Realtime Charts with Stimulus Target Callbacks

#429 · Jan 17, 2022 Pro

Inline Editing with Turbo Frames in Rails

#431 · Feb 01, 2022

Custom Turbo Confirm Modals with Hotwire in Rails

#450 · Jun 13, 2022

Dynamic Nested Forms with Turbo

#470 · Nov 28, 2022 Pro

Turbo Confirm Modals with Confirmation Text in Rails

#480 · Feb 06, 2023 Pro

Auto-submitting Forms & Custom Turbo Stream Actions

#487 · Mar 27, 2023

Custom Turbo Stream Actions

#488 · Apr 03, 2023 Pro

Solutions

Support

Company

Legal