Front-End Sadness to Happiness: The React on Rails Story

on YouTube ↗36m

" summary

Claims a practical integration: a react on Rails gem that wires Rails views to Webpack-built JS, registers components, and enables server rendering and Redux/React Router support. Installation runs a few commands (bundle, yarn, generator) and a demo app boots. Uses Webpack/Yarn/ES6, outputs manifest.json to public, supports hot reload and CI-tested integration suites, and runs back to Rails 3/Ruby 2.1. Production adopters include projects that migrated from Angular and consumer apps that now work as intended.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 1:54The Rails Doctrine
3. 5:30Consumer App
4. 8:28React Native
5. 9:38The React-Rails Gem
6. 10:11React Bootstrap
7. 13:29Recap
8. 18:56Why Make a Gem
9. 20:55Server Rendering
10. 21:50Spec Integration
11. 22:37Basic over Philosophy of React and Rails
12. 23:48Migrating Angular Angular in Rails Projects To React
13. 26:26Add React on Rails to the Gem
14. 31:08Happiness
15. 31:42Integration Tests

" related talks

• 31mReact.js on RailsMichael Chan · RailsConf 2015
• 25m"React integration into existing Rails applications"Anton Honcharuk · RubyC 2017
• 31mReact on RailsJo Cranford · RailsConf 2017
• 23mRails Frontend Evolution: It Was a Setup All AlongSvyatoslav Kryukov · RailsConf 2025
• 18mReact-ing to Rails: Why Ruby on Rails is the best Stop for Web DeveloperNaijeria Toweett · Friendly.rb 2023
• 32mModern JavaScript, without giving up on Rails Jonathan JohnsonJonathan Johnson · Ruby Hack 2019
• 28mBack to React: The Story of Two AppsMichael Chan · React Rally 2017
• 34mFrom Sprockets to js-bundling: Evolution of JavaScript tooling in Rails!Vipul AM · RubyConf India 2023