$30 off During Our Annual Pro Sale. View Details »
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
120
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
15
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
1k
RxJS in Angular
perjerz
0
34
DevTools for ITOPPLUS
perjerz
0
19
What's Angular View?
perjerz
0
120
Recap Theory of Ivy
perjerz
0
64
Other Decks in Technology
See All in Technology
AWS re:Invent 2025で見たGrafana最新機能の紹介
hamadakoji
0
100
AI時代の開発フローとともに気を付けたいこと
kkamegawa
0
2k
安いGPUレンタルサービスについて
aratako
2
2.6k
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
形式手法特論:CEGAR を用いたモデル検査の状態空間削減 #kernelvm / Kernel VM Study Hokuriku Part 8
ytaka23
2
440
Challenging Hardware Contests with Zephyr and Lessons Learned
iotengineer22
0
120
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
440
プロダクトマネージャーが押さえておくべき、ソフトウェア資産とAIエージェント投資効果 / pmconf2025
i35_267
2
580
プロダクトマネジメントの分業が生む「デリバリーの渋滞」を解消するTPMの越境
recruitengineers
PRO
3
710
Debugging Edge AI on Zephyr and Lessons Learned
iotengineer22
0
110
AWS Trainium3 をちょっと身近に感じたい
bigmuramura
1
120
Bakuraku Engineering Team Deck
layerx
PRO
12
7k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Facilitating Awesome Meetings
lara
57
6.7k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Designing Experiences People Love
moore
143
24k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
BBQ
matthewcrist
89
9.9k
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?
[email protected]
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
[email protected]