Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
What's coming to Angular version 9
Search
Minko Gechev
August 24, 2019
Programming
2
3.4k
What's coming to Angular version 9
Minko Gechev
August 24, 2019
Tweet
Share
More Decks by Minko Gechev
See All by Minko Gechev
Change the World With Open Source Software
mgechev
0
140
Fast Angular Apps from End to End
mgechev
1
160
The State of Angular
mgechev
1
180
The State of Angular
mgechev
1
300
Software Engineering as a Superpower
mgechev
1
160
Introduction to Angular
mgechev
1
160
Internals of the Angular CLI
mgechev
2
1.2k
The State of Angular
mgechev
1
170
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.9k
Other Decks in Programming
See All in Programming
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
技術を根付かせる / How to make technology take root
kubode
1
240
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
8
2.6k
第3回 Snowflake 中部ユーザ会- dbt × Snowflake ハンズオン
hoto17296
4
360
Ruby on cygwin 2025-02
fd0
0
140
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
チームリードになって変わったこと
isaka1022
0
190
GAEログのコスト削減
mot_techtalk
0
110
DROBEの生成AI活用事例 with AWS
ippey
0
130
Honoをフロントエンドで使う 3つのやり方
yusukebe
4
2.1k
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
230
Featured
See All Featured
Facilitating Awesome Meetings
lara
51
6.2k
Become a Pro
speakerdeck
PRO
26
5.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Designing Experiences People Love
moore
139
23k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Building Your Own Lightsaber
phodgson
104
6.2k
Transcript
@yourtwitter What's coming to Angular version 9 NG Bolivia twitter.com/mgechev
github.com/mgechev blog.mgechev.com
@mgechev Annual Angular Conferences
ngAtlanta ! ngIndia " Angular NL # ng-conf ! ngVikings
$ Angular Day % Angular in Depth & ngDenver ! NG-MY ' ng-japan ( NG-DE ) ng-SriLanka * Angular Connect + ngSpain , NGRome % NG Honduras - ngTaiwan . ngTalks & NG-BE / ngBolivia 0 AngularMix ! ngPoland 1 AngularUP 2 ngChina 3
ngAtlanta ! ngIndia " Angular NL # ng-conf ! ngVikings
$ Angular Day % Angular in Depth & ngDenver ! NG-MY ' ng-japan ( NG-DE ) ng-SriLanka * Angular Connect + ngSpain , NGRome % NG Honduras - ngTaiwan . ngTalks & NG-BE / ngBolivia 0 AngularMix ! ngPoland 1 AngularUP 2 ngChina 3
@mgechev Over 780 Angular Meetups Worldwide
@mgechev How to contribute?
@yourtwitter @mgechev • Organize a meetup • Help with the
docs • Write a blog post • Help on StackOverflow • Answer questions on gitter • Introduce a bug fix • … Ways to contribute
@mgechev
@mgechev
@mgechev What’s new in version 8
What’s new in version 8.3 redesign of the default app
ng deploy faster builds
What’s new in version 8.3 redesign of the default app
ng deploy faster builds
@mgechev
@mgechev
What’s new in version 8.3 redesign of the default app
ng deploy faster builds
@mgechev
@angular/fire @azure/ng-deploy @zeit/ng-deploy angular-cli-ghpages @netlify-builder/deploy
@mgechev Your favorite platform not in the list?
@mgechev github.com/angular-schule/ngx-deploy-starter @JohannesHoppe
What’s new in version 8.3 redesign of the default app
ng deploy faster builds
@mgechev Now let’s talk about the future
@yourtwitter @mgechev Ivy • Simpler debugging • Lower memory usage
• Faster tests • Smaller • Faster compilation • Improved type checking • Backwards compatible
@mgechev Planning to release Ivy in version 9
@mgechev Planning to release Ivy in version 9
Faster tests -38% Framework unit tests time -80% Material unit
tests time
Lower memory requirements -30% Framework unit tests memory -91% Material
unit tests memory
@mgechev Tree-shakability Runtime Generated code Triangle of the bundle size
@mgechev Tree-shakability Runtime Generated code Triangle of the bundle size
@mgechev Tree-shakability Runtime Generated code Triangle of the bundle size
@mgechev Tree-shakability Runtime Generated code Triangle of the bundle size
@mgechev
@mgechev Try version 9 today! npm i -g @angular/cli@next
@yourtwitter ng new my-app Angular CLI 9.0.0-next.0 - Ivy by
default!
@mgechev Some technical details
@mgechev VE @Component({ selector: 'app', template: ' ...' }) class
AppComponent { ... } app.ngfactory.js app.ngsummary.json app.metadata.json app.component.js app.component.d.ts
@mgechev VE @Component({ selector: 'app', template: ' ...' }) class
AppComponent { ... } app.ngfactory.js app.ngsummary.json app.metadata.json app.component.js app.component.d.ts
@mgechev Ivy @Component({ selector: 'app', template: ' ...' }) class
AppComponent { ... } app.component.js app.component.d.ts
@mgechev Don’t worry about any of this the Angular CLI
will take care of everything
Build like Google
@yourtwitter @mgechev Benefits of Bazel • Incremental builds • Sharing
cache between team & CI • Full-stack support • Scale on the cloud
Few Bazel users Google Lucidchart LogiOcean Evertz Microsystems …
Speed improvements for Angular’s CI build 0 1000 2000 3000
4000 Before RBE After RBE
@yourtwitter npm i -g @angular/bazel ng new my-app --collection=@angular/bazel Try
Bazel in version 8
@mgechev Should I learn Bazel?
@yourtwitter @mgechev Should I learn Bazel? • You don’t need
Bazel to use Angular • It’s worth it to understand Bazel • Teaches good practices • Skill you can reuse across technologies
@yourtwitter @mgechev Recap • Thankful to the amazing community •
Angular CLI 8.3 • Redesign of the ng new app • ng deploy • Planning Ivy for version 9 • Check out Bazel for builds at scale
@mgechev Thank you! twitter.com/mgechev github.com/mgechev blog.mgechev.com