Mad Science with the Angular Compiler

on YouTube ↗21m

" summary

Shows concrete tools built on top of the Angular compiler: a higher‑level API ng AST that extracts components, directives, providers and dependencies; a reverse‑engineering Electron app that explores modules and metadata; a migration tool ng migrate that reliably renames template tags while preserving string literals; static analysis that finds unused CSS and misspelled selectors; and a 3D renderer ng world that maps components to VR scenes, all implemented and demonstrated working.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to angular
2. 1:28How the compiler works
3. 2:43Compiler architecture
4. 5:04Static analysis tools
5. 6:33Implementing code checks
6. 8:42Dead code elimination
7. 10:37Automated migration tools
8. 12:11Compiler-based migration
9. 13:46Visualizing source code
10. 15:21Reverse engineering apps
11. 17:03Virtual reality visualization

" related talks

• 18mMad science with the Angular CompilerMinko Gechev · ng-conf 2017
• 32mDeep Dive into the Angular CompilerAlex Rickabaugh · AngularConnect 2019
• 01h 13mInternals of the Angular CLIMinko Gechev · HolyJS Piter 2020
• 01h 55mDiY Angular CompilerUri Shaked · ng-conf 2017
• 41mState of AngularSimona Cotin · Voxxed Days Ticino 2023
• 16mState of AngularMark Thompson, Emma Twersky · Google I/O 2022
• 24mInternals of the Angular CLIMinko Gechev · Developer Summit 2020
• 27mAngular, Vite, and Some Things that are NeatJessica Janiuk · ViteConf 2025