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
180
Fast Angular Apps from End to End
mgechev
1
180
The State of Angular
mgechev
1
190
The State of Angular
mgechev
1
360
Software Engineering as a Superpower
mgechev
1
190
Introduction to Angular
mgechev
1
200
Internals of the Angular CLI
mgechev
2
1.3k
The State of Angular
mgechev
1
200
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.9k
Other Decks in Programming
See All in Programming
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
kentaroutakeda
2
990
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1.1k
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
h_okkah
0
190
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
840
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
320
VS Code Update for GitHub Copilot
74th
2
660
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
740
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
980
PicoRuby on Rails
makicamel
2
140
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
620
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
Making Projects Easy
brettharned
116
6.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Music & Morning Musume
bryan
46
6.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Raft: Consensus for Rubyists
vanstee
140
7k
Fireside Chat
paigeccino
37
3.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
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