"React integration into existing Rails applications"

on YouTube ↗25m

" summary

Covers three options: use the react-rails gem for quick insertion, use react_on_rails for full server rendering and npm module support, or build a client/webpack approach (client folder, package.json, webpack entry/output) that generates a bundle consumed by the asset pipeline. Shows passing Rails data as JSON props into a global mount method in an inline script, advises moving build deps into dependencies for Heroku, and explains migrating from ERB hybrid pages to a SPA + Rails API and optional server-side rendering.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and speaker intro
2. 1:31Three ways to integrate React
3. 4:04Why choose React
4. 7:49Custom React setup in Rails
5. 10:16Legacy app integration challenges
6. 13:23Webpack configuration basics
7. 15:57Passing data from Rails to React
8. 19:25Final custom integration example
9. 21:58Benefits of separate client app
10. 23:23Future steps and Q&A

" related talks

• 31mReact.js on RailsMichael Chan · RailsConf 2015
• 36mFront-End Sadness to Happiness: The React on Rails StoryJustin Gordon · GORUCO 2017
• 31mReact on RailsJo Cranford · RailsConf 2017
• 18mReact-ing to Rails: Why Ruby on Rails is the best Stop for Web DeveloperNaijeria Toweett · Friendly.rb 2023
• 28mOverreacting—From React to HotwireIgor Aleksandrov · XO Ruby Atlanta 2025
• 47mActionCable, Rails API and React - Modern Single Page AppsVipul A M · Rails Pacific 2016
• 34mFrom Sprockets to js-bundling: Evolution of JavaScript tooling in Rails!Vipul AM · RubyConf India 2023
• 23mReact-ing to HotwireDavid Hill · RailsConf 2022