React.js on Rails

on YouTube ↗31m

" summary

Argues that React lets Rails keep server rendering while adding only the JavaScript needed, demonstrates shipping a feature in an hour, and shows concrete tooling: react-rails gem for the view helper and UJS mounting, react-rails-assets to pull NPM/Bower libs into gems, and embracing JSX/ES6 rather than CoffeeScript. Builds a real-time comments container that polls every second, uses setState/getInitialState and virtual DOM diffs to update only the new rows, and shows a Services live app clock and chat working in production.

AI-written summary · about

" chapters (15)

1. 0:00Intro
2. 1:37Services
3. 2:05BatmanJS
4. 5:38Pull Request
5. 7:13First Goal
6. 7:33Second Goal
7. 7:56What is React
8. 8:15React Partials
9. 9:42React Component
10. 14:15React Comments Container
11. 22:47React Rails Gem
12. 25:13Asset Pipeline
13. 26:24CoffeeScript
14. 29:08Embrace JSX
15. 30:08Outro

" related talks

• 25m"React integration into existing Rails applications"Anton Honcharuk · RubyC 2017
• 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
• 07mBuilding Real-Time App with React/Redux/Rails/RethinkDBSteven Yap · RedDotRubyConf 2016
• 47mActionCable, Rails API and React - Modern Single Page AppsVipul A M · Rails Pacific 2016
• 28mRethinking the View using React.jsPrathamesh Sonpatki · RedDotRuby 2015
• 33mOld-school Javascript in RailsGraham Conzett · RailsConf 2018