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 New, What's Next in Angular?
Search
Siwat Kaolueng
November 27, 2020
Technology
0
110
What's New, What's Next in Angular?
Angular Meetup November 2020
Siwat Kaolueng
November 27, 2020
Tweet
Share
More Decks by Siwat Kaolueng
See All by Siwat Kaolueng
Web App Performance Optimization
perjerz
0
7
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
950
RxJS in Angular
perjerz
0
27
DevTools for ITOPPLUS
perjerz
0
14
What's Angular View?
perjerz
0
120
Recap Theory of Ivy
perjerz
0
60
Other Decks in Technology
See All in Technology
エンジニアのキャリアパスと、 その中で自分が大切にしていること
noteinc
4
3.4k
困難を「一般解」で解く
fujiwara3
9
3.1k
AppSheet タスク管理アプリ 中級編
comucal
PRO
0
100
きのこカンファレンス_ランチスポンサーセッション
kabaya
1
390
AWSサービスアップデート2025年2月分
yuobayashi
2
110
OSSの実装を参考にBedrockエージェントを作る
moritalous
2
430
最近のラズピッピいじり / 20250308-rpijam-13th-birthday
akkiesoft
0
190
目標と時間軸 〜ベイビーステップでケイパビリティを高めよう〜
kakehashi
PRO
8
1.2k
いまから始めるAWS CDK 〜モダンなインフラ構築入門〜/iac-night-cdk-introduction
tomoki10
6
1.7k
一歩ずつ成長しながら進める ZOZOの基幹システムリプレイス/Growing Stap by Stap ZOZO BackOffice System Replacement
cocet33000
2
400
アジリティを高めるテストマネジメント #QiitaQualityForward
makky_tyuyan
1
790
Db2 SaaS(Db2 on Cloud Gen3)を見てみよう/20250306-Db2SaaS-dojo
mayumihirano
0
100
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
How GitHub (no longer) Works
holman
314
140k
Designing Experiences People Love
moore
140
23k
How STYLIGHT went responsive
nonsquared
99
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Making Projects Easy
brettharned
116
6.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
460
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
GitHub's CSS Performance
jonrohan
1030
460k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
What's New, What's Next in Angular? Siwat Kaolueng https://perjerz.me
Siwat Kaolueng (Jame) Independent Web & Angular Consultant - Organize
Angular Thailand
What you will learn - Overview - What’s new? -
What’s next? - Deprecations
Overview
4th year anniversary https://twitter.com/angular/status/1305565655811457024
billions Billion user apps Enterprise apps Small-medium apps Demos Edu
apps Number of users 0 Number of apps millions Angular Ivy (planned for v9) ng-conf 2019 Day 1 Keynote - https://youtu.be/JX5GGu_7JKc?t=41
Metrics User Experience (UX) Developer Experience (DX) Performance Learning Curve
Runtime Load Time Maintainability Deliverability
Opinionated vs Unopinionated https://awesomeopensource.com/project/sulco/angular-developer-roadmap https://roadmap.sh/react
SOFTWARE BELOW THE POVERTY LINE https://staltz.com/software-below-the-poverty-line.html
Angular Overview Angular Protractor Forms PWA Augury Language Services Router
Elements CDK Universal Karma Labs Compiler i18n Http Material Animations CLI
2600+ Angular Projects @ Google ng-conf enterprise 2020 - https://www.youtube.com/watch?v=FsNTuzBfLxU
Google use Angular
Who use Angular? more...
Who use Angular in Thailand? more...
What’s new?
TypeScript@4.0 https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-0.html
Angular CLI
ngcc 2–4x faster Faster compilation with TypeScript 4.0
https://twitter.com/manekinekko/status/1327733156838043648/photo/1
Easy logs and reports
Linting
https://github.com/palantir/tslint/issues/4534
https://github.com/angular/angular-cli/issues/13732#issuecomment-719724640
Hot Module Replacement (HMR)
Hot Module Replacement (HMR)
https://medium.com/echohub/implementation-of-hmr-hot-module-replacement-to-angular-project-f7bca523bd16
None
Trusted Type https://web.dev/trusted-types/
https://github.com/angular/angular/pull/39222
Remove support IE9/IE10 & IE mobile Support IE11 only
What’s next in Angular?
Angular Dev Tools
None
Experimental Webpack 5 Support
Module Federation
https://github.com/angular-architects/module-federation-plugin/blob/main/packages/mf/README.md
Strictly typed reactive forms
https://github.com/angular/angular/pull/38406
Optional NgModules https://github.com/angular/angular/issues/37904#issuecomment-731351748
Zoneless https://github.com/angular/angular/issues/38782 https://github.com/angular/angular/issues/31730
Deprecations https://angular.io/guide/deprecations
- Rename async to waitForAsync - loadChildren string syntax -
ngModel with reactive forms - ViewEncapsulation.Native - entryComponents & ANALYZE_FOR_ENTRY_COMPONENTS - preserveQueryParams replace with queryParamsHandling - esm5 and fesm5 entry-points in @angular/* npm packages - /deep/, >>>, and ::ng-deep - @angular/bazel - ... https://angular.io/guide/deprecations
https://angular.io/api/core/testing/waitForAsync DEPRECATED USE
https://angular.io/guide/deprecations#ngmodel-with-reactive-forms DEPRECATED USE
https://angular.io/guide/deprecations#ngmodel-with-reactive-forms DEPRECATED USE USE
https://angular.io/api/core/ViewEncapsulation DEPRECATED USE
https://angular.io/guide/deprecations#entrycomponents-and-analyze_for_entry_components-no-longer-required DEPRECATED
https://angular.io/guide/deprecations#deep-component-style-selector DEPRECATED DEPRECATED DEPRECATED
https://angular.io/guide/deprecations#bazel-builder-and-schematics
https://update.angular.io/
discord.gg/angular Angular Thailand Angular Developers Thailand
Contact me fb.me/siwat.kaolueng https://bit.ly/35pwuN6 Slide siwat.kaolueng@gmail.com