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.5k
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
190
Fast Angular Apps from End to End
mgechev
1
190
The State of Angular
mgechev
1
200
The State of Angular
mgechev
1
370
Software Engineering as a Superpower
mgechev
1
200
Introduction to Angular
mgechev
1
210
Internals of the Angular CLI
mgechev
2
1.3k
The State of Angular
mgechev
1
210
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.9k
Other Decks in Programming
See All in Programming
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
120
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
180
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.4k
AIでLINEスタンプを作ってみた
eycjur
1
200
学習を成果に繋げるための個人開発の考え方 〜 「学習のための個人開発」のすすめ / personal project for leaning
panda_program
1
110
RDoc meets YARD
okuramasafumi
1
110
🔨 小さなビルドシステムを作る
momeemt
1
500
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
130
decksh - a little language for decks
ajstarks
4
21k
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
200
Flutterと Vibe Coding で個人開発!
hyshu
1
260
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
13
7.7k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
Building an army of robots
kneath
306
46k
Practical Orchestrator
shlominoach
190
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
A designer walks into a library…
pauljervisheath
207
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Done Done
chrislema
185
16k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
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