🚧 New course coming soon 🚧

Hello Hotwire

Hello Hotwire

Master the art of Hotwire & Ruby on Rails with free step-by-step modules and premium build-alongs.

🀝 What this course is about?

Hello Hotwire is a free course with premium build-along modules for developers looking to dive into Hotwire using Ruby on Rails with a fresh perspective.

⚑️ Why use Hotwire?

The truth is, you don't need to use Hotwire. It does, however, come stock in Rails 7.1+ apps. I like to consider it icing on the cake of the Ruby on Rails framework which already does SO MUCH on its own.

Hotwire brings the statefulness many JavaScript devs love into more sane models and conventions Ruby on Rails enthusiasts tend to prefer.

Here are a few reasons to consider it.

  • Faster User Experience
    By sending HTML directly instead of JSON, you reduce the need to send data back and forth between client and server, speeding up interactions and reducing latency.

  • Reduced JavaScript Complexity
    Hotwire aims to simplify the front end by reducing the bulk of JavaScript code needed to make reactive web applications, leaning on server-rendered HTML instead.

  • Streamlined Development
    Developers can work more efficiently within the Rails ecosystem, leveraging Rails' conveniences and conventions alongside Hotwire’s capabilities to quickly build and maintain features.

  • Real-time Updates: With features like Turbo Streams and morphing, Hotwire allows real-time DOM updates, perfect for features that need to reflect changes instantly, such as chat systems, live notifications, or stateful content.

πŸ‘¨β€πŸ’» Who this course is for?

You'd be a good fit for this course if you've used Rails before but haven't dabbled in the Hotwire features yet. If you're brand new to Rails, check out the sister course called Hello Rails.

🀷🏼 What Will I Learn?

In Hello Hotwire, you'll explore:

  • When to use (or not use) Hotwire
  • How to install Hotwire
  • Understanding Turbo, Turbo Frames, and Turbo Streams
  • Morphing techniques
  • Lazy loading content effectively
  • Pairing Stimulus.js with Turbo-enabled Rails apps
  • Bridging the gap between native mobile apps with Hotwire and Strada

πŸ“Ί Included free modules

Subject to change

  • Module 1:

    Introduction

  • Module 2:

    Installation

  • Module 3:

    Turbo Overview

  • Module 4:

    Turbo Drive

  • Module 5:

    Turbo Frames

  • Module 6:

    Turbo Streams

  • Module 7:

    Turbo Morphing

  • Module 8:

    Lazy Loading

  • Module 9:

    Pair with Stimulus.js

  • Module 10:

    Going Native with Strada: A Primer

πŸŽ™οΈ Who is teaching me?

Andy Leverenz

Hey! I'm Andy. I'm a big fan of Ruby on Rails and have taught in this domain for over six years.

By day, I'm a senior product designer and software developer. By night I'm a husband, dad, and fullstack dev who loves to build web apps, write, record, and code.

Some of my current projects include: webcrunch.com, hellorails.io, and railsui.com.

I publish content almost every week on YouTube and the blog. I'm trying to grow continuously, so if you subscribed to either site, that would be amazing!

Stay updated to date with this course by sharing your email address. I'll send meaningful updates when they happen to keep you in the loop. This might include sales, discounts, and general updates about the course.

✨ Premium build-alongs

I tend to learn by best by doing. You might opt for my premium build-along bonuses below if you're anything like me.

What's a build-along exactly?

The build-along is not just a Ruby on Rails app we build together, it's an interactive learning experience. By coding along, you'll not only understand these concepts better than with the free Hello Hotwire version, but you'll also be actively applying them. It's a smart investment to learn Hotwire the right way the first time.

πŸ“Œ The exact features included with each build-along are subject to change.

Hot

🏑 Build a Hotwire enabled real-estate browsing application

  • Real-time filterable results.
  • One-click wishlist.
  • View more details in a modal.
  • Infinite scrolling and pagination.

Hotter

🏑 Build a Hotwire enabled real-estate browsing application

  • Real-time filterable results
  • One-click wishlist
  • View more details in a modal.
  • Infinite scrolling and pagination

βœ… Build a Hotwire enabled feature request tool.

  • Feature voting
  • Feature filters
  • Nested comments
  • Toast flash responses
  • Simplify with morphing

Magma πŸŒ‹

πŸ”₯ 2 course bundle

🏑 Build a Hotwire enabled real-estate browsing application

  • Real-time filterable results
  • One-click wishlist
  • View more details in a modal.
  • Infinite scrolling and pagination

βœ… Build a Hotwire enabled feature request tool.

  • Feature voting
  • Feature filters
  • Nested comments
  • Toast flash responses
  • Simplify with morphing

⚑️ Bundle Hello Hotwire with Hello Rails

Hello Rails Course

Bonus bundle course: Hello Rails

  • Includes access to Hello Rails, the sister course and a solid pre-requisite to Hello Hotwire.