Modern JavaScript, without giving up on Rails Jonathan Johnson
summary
Claims that an aging Rails app can adopt modern JavaScript without a rewrite and shows exactly how: add webpack(er) and Yarn, import Vue single-file components, mount small “apps as upgraded partials” via a view app helper that serializes props into data-attributes, extract shared modules into a vendor chunk, scaffold packs and specs with a generator, and run unit tests alongside Rails tests. The approach ships to production, scales from form fields to full pages, and progressively replaces global jQuery code.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:05Modern JavaScript
- 2:17Assumptions
- 5:37Goals
- 9:49Packs
- 14:27Asset Pipeline
- 15:25Single Page Architecture
- 16:42App vs Component
- 20:09View Component
- 23:20Data Passing
- 29:48View App Generator
related talks
25mMAKING JAVASCRIPT GREAT AGAIN IN RAILS
36mRails is Obsolete (But So's Everything Else)
36mFront-End Sadness to Happiness: The React on Rails Story
21m6 degrees of JavaScript on Rails
33mOld-school Javascript in Rails
34mYour Front End Framework is Overkill - Server Side Javascript w/ Rails
35mFrontendless Rails frontend
31mReact on Rails