Date post: | 21-Apr-2017 |
Category: |
Internet |
Upload: | vinci-rufus |
View: | 24 times |
Download: | 0 times |
It’s just AngularVinci Rufus@areai51
Know your Angular
AngularJSAngular 1.x
AngularAngular 2Angular 4
What Happened to Angular 3
Angular 4Angular 2
Angular Framework Platform
Angular
Mobile Server Desktop
The BEST Developer Experience (DX)
TypeScript
-NOT a new Language- CLI
Codelyzer
ngMaterial
Protractor
Karma
Augury
Performance - Angular2 vs Angular 1.x
JS Execution
4x Faster
FPS
1.5x Higher
Garbage Collection
8.5x Faster
JS Memory Heap
2.5x lesser
https://auth0.com/blog/more-benchmarks-virtual-dom-vs-angular-12-vs-mithril-js-vs-the-rest/
Things that make Angular Fast …just some of them
Fast Change Detection
Unidirectional Data Flow
Lazy Loading of Routes
1
3
4
5
AoT Compilation
JavaScript VM Friendly Code
Tree Shake !!
+
Angular 1.x
Angular 2
Angular CLI
Angular CLI
https://cli.angular.io
Basic Commands
npm install –g @angular/cli
ng new my-app
ng generate my-component
ng serve
ng build –-prod --aot
Ahead of Time (AoT)The best thing ever since Angular
Just in Time (JIT)
Develop in TypeScript
Compile using tsc
Bundle & Minify Deploy
Download JS Assets
Angular Bootstraps
JIT Compilation
Render App
App Development
App Rendering
Ahead of Time (AoT)
Develop in TypeScriptCompile using
ngc Bundle & Minify Deploy
Download JS Assets
Angular Bootstraps Render App
App Development
App Rendering
Angular Templates+CSS into TypeScript
TS into JavaScript
Component.ts
Component.ngfactory.ts
Component.Metadata.json
app.component.ts
app.component.ngfactory.ts
app.component.metadata.json
BootstrappingJust In Time (JIT)
Ahead of Time (AoT)
Angular UniversalFirst Impressions matter
• Server Side Rendering (SSR)
• Universal Rendering
• Isomorphic Rendering
Why Angular Universal
Demo Time
Nisheed Jagadish@nisheeddroid
Happy Birthday
..build awesome stufffor a change..
I have some questions for you@areai51