Mad science with the Angular Compiler

on YouTube ↗18m

" summary

The Angular compiler turns application source into more efficient view and provider code reducing bundle size and improving runtime performance. Tools shown include TypeScript + TSLint for AST work, colizer that finds and autofixes >100 dead styles to shrink bundles, and ng-migrate that performs context aware refactors (it updates inline and external templates without breaking them). A visualization stack (ngd + NGF + an Electron app and NG World) generates an explorable 3D VR of the app where component templates render as crowns and it runs.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 1:34Angular Compiler
3. 1:52Transformation
4. 3:26Lexical Analysis
5. 3:57Syntax Analysis
6. 6:00Validate Selector
7. 8:42Smooth Upgrade to v4
8. 9:48Context Aware Replacement
9. 12:06Understanding Large System
10. 13:01ngast provides

" related talks

• 21mMad Science with the Angular CompilerMinko Gechev · AngularUP 2017
• 01h 13mInternals of the Angular CLIMinko Gechev · HolyJS Piter 2020
• 40mOptimized Angular Apps: Smaller, Faster, BetterMaxim Salnikov · iJS 2018
• 16mState of AngularMark Thompson, Emma Twersky · Google I/O 2022
• 32mAoT and the New Angular CompilerUri Shaked · AngularUP 2016
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 44mRockin’ in the Angular WorldWassim Chegham, Vincent Ogloblinsky · DevFest Toulouse 2019
• 19mThe Angular Journey - today and tomorrow – Radoslav KirovRadoslav Kirov · NG Poland 2018