Living with Legacy JavaScript, Event Proxies, App Seams, and Chunking Rewrites
summary
Legacy learn front end contains jQuery Ember Backbone Marionette React and Redux and gets pragmatic fixes not ideology. A redux-radio proxy converts Backbone radio events into Redux actions so React components update; a reverse proxy middleware turns Redux actions from Phoenix WebSockets back into Backbone radio events to re-enable a remote test runner button. Small rewrites replace sprawling Marionette templates with compact React components (the lights toolbar shrinks from many files to a few). A hidden curriculum model bug removes assessments and is traced and fixed.
AI-written summary · about
chapters (9)
- 0:00Legacy JavaScript challenges
- 1:01Legacy code and impact
- 3:07JavaScript history in codebase
- 5:54Strategies for legacy JavaScript
- 6:36Bridging old and new systems
- 11:09Finding seams to simplify
- 14:24Rewrites not straightforward
- 17:14Incremental component rewrites
- 21:31Legacy code final thoughts
related talks
33mEvergreen Legacy Applications
23mJSConf 2015 Peter Piekarczyk
30mReact + Ember A Practical Guide to Micro Frontend Integration
43mReact/Redux: a development workflow
21mMigrating critical apps to React
58mFrontin' like a Back-er
51mDeconstructing Web frameworks for a more resilient code base
23mLightning Talks Future JS