Hotwiring My React Brain
summary
Claim: a React-style snappy UI is achievable with Rails 7 using very little JavaScript. Uses Hotwire (Turbo + Stimulus controllers), turbo_frame_tag, data-turbo-frame and turbo actions to scope navigation, turbo frame source to lazy-load sidebars, and narrow per-paragraph frames for inline edits. Builds a Rails Guides replica with chapter-scoped navigation, in-place paragraph editing, and a keyboard-triggered modal search. Demonstrations show partial responses swapping correctly, loading states handled, and inline saves and search working with minimal client code.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 3:12What is Hotwire
- 7:07React vs Hotwire mental models
- 10:34Building a site with Hotwire
- 12:37Starting without Hotwire
- 15:04Turbo frames in practice
- 19:19Enhancing navigation with Turbo
- 21:49Eager loading in Turbo frames
- 23:18Live inline editing with Turbo
- 25:46Narrowly scoped Turbo frames
- 27:55Adding Stimulus behavior
- 31:55Closing
related talks
23mReact-ing to Hotwire
25mRails frontend: 10 commandments and 7 deadly sins in 2025
30mThe Future of Rails as a Full-Stack Framework powered by Hotwire
38mTurbo Frames Explored... for Fun and Profit
35mFrontendless Rails frontend
31mReact on Rails
31mReact.js on Rails
14mRails 5, Turbolinks 3, and the future of View-Over-the-Wire