50,000 lines of spaghetti code and how to unravel it
summary
A startup inherits 50,000 lines of spaghetti code of unstructured jQuery, untyped Angular and Grunt tasks and transforms it into a modular React App with Webpack bundle splitting, replaces brittle interactions with MobX and Flow and Jest for simpler page logic, type safety and tests, finds and fixes memory leaks that were crashing browsers at over 2GB by using Chrome DevTools allocation snapshots, and wins funding for the cleanup with a measurable bug‑score metric.
AI-written summary · about
chapters (5)
related talks
53mThe Unbearable Weight of Massive JavaScript
38m"Making It Better Without Making It Over"
21mHow not to end up your app to a hot mess of spaghetti Carbonara
29mPreprocessors, Components, and CSS in JS or: How I Learned to Stop Worrying and Love the Website
32mJavaScript at Scale by Stephanie Siaw (Eng) | JSConfAM19
43mRethinking SPAs: web-native apps
58mAlways crashing in the same car (the state of front end web development in 2022)
24mMaking It Better Without Making It Over