DiY Angular Compiler

on YouTube ↗01h 55m

" summary

Live demo walks through using ng build --prod and ngc to drop the in-browser compiler from a 2 MB vendor bundle to ~76 KB served over gzip by uglify and compression the demo removes unused modules (forms, HTTP), uses source-map-explorer to find the compiler at 46% of the bundle, inspects generated .ngfactory output, edits factories to change templates, implements DI by adding provider getters that lazy-create instances, and flips directive flag bits so lifecycle hooks like ngOnInit actually run — the hacks work live against an ng-conf demo app.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 1:23Meet The Speaker
3. 2:37Agenda
4. 15:05Change Detection in Angular 1
5. 15:58Change Detection in React
6. 18:07Angular 2 Performance Game Plan
7. 19:04The Angular Compiler
8. 19:50HTML Parser Advantages
9. 23:52Coming Soon - Language Services
10. 25:27Exploring the Compiler
11. 40:39Looking Inside
12. 52:30Switching to Compiled Code
13. 58:13Exercise 1 - Title to uppercase

" related talks

• 32mAoT and the New Angular CompilerUri Shaked · AngularUP 2016
• 01h 13mInternals of the Angular CLIMinko Gechev · HolyJS Piter 2020
• 41mState of AngularSimona Cotin · Voxxed Days Ticino 2023
• 21mMad Science with the Angular CompilerMinko Gechev · AngularUP 2017
• 16mState of AngularMark Thompson, Emma Twersky · Google I/O 2022
• 27mDemystifying Ahead-Of-Time compilation in AngularWassim Chegham · NG-NL 2017
• 32mDeep Dive into the Angular CompilerAlex Rickabaugh · AngularConnect 2019
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018