Write Software, Well
Hotwire Handbook

Hotwire Handbook

Learn the basics of HTML Over the Wire with practical projects

Learn Hotwire by building real things, not reading theory. This practical guide walks you through Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus with hands-on examples drawn from everyday Rails development

Table of Contents

33 chapters
  1. 1 Traditional Web Architecture
  2. 2 Single Page Applications
  3. 3 What is Hotwire?
  4. 4 Turbo Drive
  5. 5 Turbo Frames
  6. 6 Turbo Streams
  7. 7 Turbo Frames vs. Turbo Streams
  8. 8 You Don't Need Rails to Start Using Hotwire
  9. 9 Project Setup
  10. 10 Using HTTP Server for Static Pages
  11. 11 Installing Turbo
  12. 12 Faster Navigation with Turbo Drive
  13. 13 Dynamic Page Updates with Turbo Frames
  14. 14 Setup for Turbo Streams
  15. 15 Targeting Elements with Turbo Streams
  16. 16 Let's Build a To-Do List with Hotwire
  17. 17 Step 1: Create a New Rails App
  18. 18 Step 2: Install Tailwind CSS
  19. 19 Step 3: Create the Task Resource
  20. 20 Step 4: Setup the Home Page
  21. 21 Step 5: Create New Tasks
  22. 22 Wait, Where's Hotwire?
  23. 23 Step 6: Using Stimulus for Completing Tasks
  24. 24 Step 7: Edit and Delete Tasks
  25. 25 Step 8: Using Turbo Frames for In-Place Edits
  26. 26 Progressive Application Development with Hotwire
  27. 27 Step 1: Setting up the Rails App
  28. 28 Step 2: Setting a Route to Show the Habit
  29. 29 Step 3: Create a Controller and Action
  30. 30 Step 4: Create a View to Render the Habit
  31. 31 Building with Turbo Drive
  32. 32 Enhancing with Turbo Frames
  33. 33 Finishing Touches with Turbo Streams
Start Reading