What is Hotwire? | Write Software, Well

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Turbo (Hotwire) Crash Course

Introduction to Hotwire

Traditional Web Architecture
Single-Page Applications
What is Hotwire?
Turbo Drive
Turbo Frames
Turbo Streams
Turbo Frames vs. Turbo Streams

You Don't Need Rails to Start Using Hotwire

Introduction
Project Setup
Using HTTP Server for Static Pages
Installing Turbo
Faster Navigation with Turbo Drive
Dynamic Page Updates with Turbo Frames
Setup for Turbo Streams
Targeting Elements with Turbo Streams

Let's Build a To-Do List with Hotwire

Introduction
Step 1: Create a New Rails Application
Step 2: Install Tailwind CSS
Step 3: Create the Task Resource
Step 4: Setup the Home Page
Step 5: Create New Tasks
Wait, Where's Hotwire?
Step 6: Using Stimulus for Completing Tasks
Step 7: Edit and Delete Tasks
Step 9: Using Turbo Frames for In-Place Editing

Progressive Application Development with Hotwire

Introduction (0:07)
Step 1: Setting up the Rails App
Step 2: Setup a Route to Show the Habit
Step 3: Create a Controller and Action
Step 4: Create A View to Render the Habit
Building with Turbo Drive
Enhancing with Turbo Frames
Finishing Touches with Turbo Streams

Teach online with

What is Hotwire?

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock