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
110
Fast Angular Apps from End to End
mgechev
0
130
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
260
Software Engineering as a Superpower
mgechev
1
140
Introduction to Angular
mgechev
1
130
Internals of the Angular CLI
mgechev
2
1.1k
The State of Angular
mgechev
1
140
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.8k
Other Decks in Programming
See All in Programming
TypeScriptで 負荷テストを書こう 〜k6のシングルバイナリの秘密〜
dora1998
7
2.9k
iOSの隠されたAPIを解明し、開発効率を向上させる方法/iOSDC24
noppefoxwolf
2
120
LangChainの現在とv0.3にむけて
os1ma
3
720
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武(ハム)
h2ham
1
2.5k
Web技術を駆使してユーザーの画面を「録画」する
yukukotani
13
6.3k
React + TextAliveでカッコいいLyric Applicatioinを作ろう!!
tosuri13
0
340
GoのIteratorに詳しくなってしまう
inatonix
1
180
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
200
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
180
複雑さに立ち向かうための ソフトウェア開発入門
shiz
3
630
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
130
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
220
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
242
11k
The Language of Interfaces
destraynor
153
23k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Testing 201, or: Great Expectations
jmmastey
35
6.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
[RailsConf 2023] Rails as a piece of cake
palkan
44
4.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
38
9.1k
RailsConf 2023
tenderlove
26
790
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
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