Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
What's coming to Angular version 9
Minko Gechev
August 24, 2019
Programming
2
3k
What's coming to Angular version 9
Minko Gechev
August 24, 2019
Tweet
Share
More Decks by Minko Gechev
See All by Minko Gechev
mgechev
0
27
mgechev
1
47
mgechev
1
150
mgechev
1
22
mgechev
1
50
mgechev
2
610
mgechev
1
74
mgechev
2
2k
mgechev
1
230
Other Decks in Programming
See All in Programming
christianweyer
PRO
0
280
grapecity_dev
0
170
boriswilhelms
0
110
korosuke613
2
250
sters
2
130
takutakahashi
3
250
williln
0
220
grapecity_dev
0
180
madai0517
1
190
amaotone
15
7.9k
danilop
0
220
hyodol2513
0
590
Featured
See All Featured
tanoku
258
24k
deanohume
294
28k
chriscoyier
145
20k
jonrohan
1021
380k
3n
163
22k
sferik
610
55k
tammielis
237
23k
maltzj
502
36k
matthewcrist
73
7.5k
chrislema
173
14k
afnizarnur
176
14k
denniskardys
219
120k
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