Upgrading DevTools' architecture to the modern web
summary
Chrome DevTools modernizes a 150,000 line legacy JavaScript codebase by migrating a custom module format to JavaScript modules, replacing bespoke Python build scripts with Rollup, and moving toward TypeScript and web components. The JS modules migration unfolds as 267 CLs, takes seven months instead of the four week estimate, and surfaces stricter semantics that require fixes. Tooling includes ESLint rules, Puppeteer end to end tests, migration charts that drive priorities, and incremental small CLs to keep DevTools working daily.
AI-written summary · about
chapters (4)
- 0:00Modernizing devtools
- 2:08Planning large migrations
- 12:25Executing migration plans
- 21:46Maintaining codebase health
related talks
42mDebugging & DevTools
43mModern web debugging with devtools
11mJavascript Tooling - The Evolution and Future of JS & Front-end Build Tools
49mEffective Browser JavaScript Debugging
20mJavaScript Authoring Tooling
50mModern Web Debugging
20mGoing steady with the Chrome Dev Tools
33mTooling For The Modern WebApp Developer