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
11
Building Simple Collaborative Online IDE With AngularFire and Firepad
perjerz
0
1k
RxJS in Angular
perjerz
0
29
DevTools for ITOPPLUS
perjerz
0
18
What's Angular View?
perjerz
0
120
Recap Theory of Ivy
perjerz
0
63
Other Decks in Technology
See All in Technology
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
360
fukabori.fm 出張版: 売上高617億円と高稼働率を陰で支えた社内ツール開発のあれこれ話 / 20250704 Yoshimasa Iwase & Tomoo Morikawa
shift_evolve
PRO
2
6.1k
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.7k
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
560
怖くない!はじめてのClaude Code
shinya337
0
360
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
410
Lazy application authentication with Tailscale
bluehatbrit
0
150
OPENLOGI Company Profile for engineer
hr01
1
33k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
220
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
270
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
570
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Become a Pro
speakerdeck
PRO
28
5.4k
Navigating Team Friction
lara
187
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
The Cult of Friendly URLs
andyhume
79
6.5k
Automating Front-end Workflow
addyosmani
1370
200k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Building an army of robots
kneath
306
45k
Why Our Code Smells
bkeepers
PRO
337
57k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
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]