Realtime Group Chat with Hotwire

The series focuses on developing a clean, functional chat interface using Hotwire capabilities.

Start Series

24m

9 Lessons | 2h 38m | Intermediate

24m

Handling New Messages with Turbo Streams

Feb 24, 2025 Pro

We explore the base application and create a turbo stream to append messages and reset the form. We then identify limitations in this approach, and outline necessary improvements for upcoming episodes.

23m

Message Form Handling with Stimulus

Mar 03, 2025 Pro

We take care of submitting a message without having to click the form button, and fix an issue we create in doing so around replacing the form. We end with planning our next steps.

21m

Stimulus Autoscroll and Broadcasting Messages

Mar 10, 2025 Pro

We handle scrolling the most recent message into view upon page load along with any new messages that come through while on the page. We also broadcast new messages so everyone stays up to date.

17m

A Simpler Build with Broadcasts Refreshes

Mar 26, 2025 Pro

In this episode, we refactor our code to use broadcasts_refreshes to get an extremely simplified version of a chat application.

15m

Dynamic CSS For User Specific Styling

Apr 21, 2025 Pro

Let's look at how to apply CSS to the current user only to create a better UX for reading messages without using any JavaScript

17m

Unread Messages Indicators

Apr 28, 2025 Pro

Continuing on in our chat app with Hotwire, we are going to be implementing the ability to indicate to users that they have unread messages in conversations.

16m

Inline Editing Messages

May 13, 2025 Pro

Let's add the ability to edit the contents of our messages and broadcast page refreshes so that everyone can see the latest version of our messages.

14m

Scrolling To Unread Messages

May 19, 2025 Pro

Showing users that they have unread messages is nice but it would be nicer if we scrolled them to the start of those unread messages when they visit a conversation which is what we will implement in this lesson.

Displaying Online Users

May 26, 2025 Pro

In this lesson, we will look at an extremely simple way to implement keeping track of and displaying the online/logged in status of users in our chat application.

Learning Ruby on Rails? Join our newsletter.

We won't send you spam. Unsubscribe at any time.

Rails for Beginners

Advanced Ruby: Behind the Magic

Payments with Rails Master Class

Refactoring Rails

Learn Hotwire

Install and Deploy Rails Guides

Hatchbox.io

Jumpstart Rails SaaS Template

Remote Ruby Podcast

GoRails Open Source

Rails Hackathon

Beginner Bounties

Ruby on Rails Job Board