The Angular Compiler 4.0 - TOBIAS BOSCH
Why Stack Overflow recommends it
Stack Overflow users link it as a reference when explaining how the Angular compiler, AOT versus JIT, and ngc behave under the hood.
Recommended by 0 people across 0 different months, 2017 to 2018.
What it is
A ng-conf talk by Angular team member Tobias Bosch on how the Angular compiler works in version 4. It walks through how templates and decorator metadata are parsed into an AST and turned into TypeScript (AOT) or JavaScript (JIT) code, and touches on planned tooling such as watch mode.
What people said
Cites Max Koretskyi · 2017-06 · Stack Overflow · on “How can I initiate watch mode with ngc?”
Version 5: You can now use watch mode like this: ngc -w See this comment [LINK] by Tobias: The command line ngc also has a -w option now that watches the file system and we see speedups for subsequent builds of up to 10x, as we have some logic in place to only compile components in node_modules 1x. Version prior to 4 At the moment ngc doesn't support watch mode. It's addition identified by the Tobias Bosch as priority features. Here is the video [this video] where he talks about that.
Cites yurzui · 2017-08 · Stack Overflow · on “What is the difference between Angular AOT and JIT compiler”
First of all angular is moving away from JIT compilation. I hope we will see it in angular@5.x.x Angular compiler takes all metadata you write by using decorators like @Component({ selector: 'my-app', template: '<h1>Hello</h1>'m styles: [ ':host { display: block }' ] }) constructor( @Host() @Optional() private parent: Parent, @Attribute('name') name: string) {} @ViewChild('ref') ref; @ContentChildren(MyDir) children: QueryList<MyDir>; @HostBinding('title') title; @HostListener('click') onClick() { ... } // and so on and analizes it. Then it takes template and stylesheets and parses it. Compiler goes through many steps that i won't describe here. You can take a look at the following page [LIN
Cites Vikas · 2018-01 · Stack Overflow · on “Does typescript transpile the Transformed code generated by Angular Compiler”
I was watching The Angular Compiler 4.0 - TOBIAS BOSCH [this video] and suddenly at 1:30 of the video it was said that AST is transformed into typescript code if we use AOT compilation or javascript code if we use JIT compilation . Compilation process a snapshot of the video [LINK] . now I am super confused what actually is happening under the hood? Whether (.ts) is transpiled to js first by typescript compiler and then angular compiler comes into the play or angular compiler do the job and typescript compiler comes into the play? I went through this What does the angular compiler “compile”? [LINK] but apparently my doubt is not clear yet? Can anyone help me out on this?
Cites Vikas · 2018-03 · Stack Overflow · on “Why Angular(2~5) is way faster than AngularJS”
Table that summarizes the major differences between Angular and AngularJS Change Detection. [LINK] To Explore more on this Change Detection Differences between Angular and AngularJS [LINK] Change Detection Reinvented Victor Savkin [LINK] Angular’s $digest is reborn in the newer version of Angular [LINK] The Angular 2 Compiler Tobias Bosch [LINK] The Angular Compiler 4.0 - TOBIAS BOSCH [this video] .