What is the current state of the Angular framework? What new features are there in the latest version and on the roadmap? Let's have a bird-eye view of the framework to make informed technical decisions, to make sure that we use the latest best practices, and to look into the future of our Angular projects with confidence.

1. Maxim Salnikov
Angular GDE
The Status of Angular

2. “ What is the status of Angular
ecosystem
And what's new in the latest release

3. Maxim Salnikov
@webmaxru
Angular Oslo meetup organizer
ngVikings conference founder
ngCommunity initiative starter
Google Dev Expert in Angular
Developer Engagement Lead at Microsoft
Build with Angular[JS] since v1.1.4

4. Angular
In
Numbers

5. State of JS / Usage
https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

6. State of JS / Interest
https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

7. 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021
Year
0.00%
0.50%
1.00%
1.50%
2.00%
2.50%
3.00%
3.50%
4.00%
4.50%
5.00%
5.50%
6.00%
%
of
Stack
Overflow
questions
that
month
Tag
reactjs
angularjs
angular
vue.js
StackOverflow / Questions
https://stackoverflow.blog/2017/11/13/cliffs-insanity-dramatic-shifts-technologies-stack-overflow/
https://insights.stackoverflow.com/trends?tags=angularjs%2Cangular%2Creactjs%2Cvue.js
262K

8. StackOverflow / Survey
https://insights.stackoverflow.com/survey/2021#most-loved-dreaded-and-wanted-webframe-want
Most wanted frameworks

9. StackOverflow / Survey
https://insights.stackoverflow.com/survey/2021#most-popular-technologies-webframe-prof
Most popular frameworks (pro devs)

10. Angular
And
Community

11. Angular -> Community
1.4M 2M+
2M+
weekly downloads https://www.npmjs.com/package/@angular/cli
https://github.com/angular/angular/network/dependents?package_id=UGFja2FnZS00NTE2NDYyMzQ%3D

13. Community -> Angular
Feedback
Core dev
Ecosystem

14. How
To
Contribute

15. Review the documentation
https://angular.io/guide/contributors-guide-overview

16. Submit a feature request
https://github.com/angular/angular/issues?q=is%3Aopen+is%3Aissue+label%3Afeature
5.5K -> 0.7K
open issues

17. ...or 👍 for a
feature you like
https://blog.angular.io/new-feature-request-process-a9f69d106fc8

18. ...or implement it!
https://twitter.com/angular/status/1456308511302950916

19. What's
New

20. Latest release
v13

21. Version updates
Deprecations
Feature drops
New tooling
Bugfixes
Removals
!
https://github.com/angular/angular/releases/tag/13.0.0

22. Removals in v13
IE11
Improving developer experience
Keeping up with the Web Standards
https://github.com/angular/angular/issues/41840
View Engine
https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4

23. DX improvements
Better APIs
Fresher and fuller docs
Newer lib versions
More automations
NGSW, Components, Forms
i18n guide, $localization
TypeScript 4.4, RxJS 7.4
In Angular Language Service
https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

24. Performance improvements
Coding time
Run time
Build time
https://twitter.com/AlisaDuncan/status/1456293065988128768

25. How to update?
https://update.angular.io/?v=12.0-13.0
ng update @angular/core@13 @angular/cli@13
ng update @angular/material@13

26. Persistent build cache
up to 68% faster
{
"cli": {
"cache": {
"enabled": true,
"path": ".angular/cache",
"environment": "all"
}
}
}
angular.json
https://angular.io/cli/cache

27. Better forms
Enable/disable validators dynamically
Stricter typed form statuses
https://docs.google.com/document/d/1cWuBE-oo5WLtwkLFxbNTiaVQGNk8ipgbekZcKBeyxxo/
export type FormControlStatus = 'VALID'|'INVALID'|'PENDING'|'DISABLED';

28. Accessibility improvements
https://blog.angular.io/improving-angular-components-accessibility-89b8ae904952
Optimized high contrast mode
Increased touch target sizes
Misc. focus-related
improvements
Multiple ARIA additions (incl.
"role")
Both for "classic" and MDC-
based components

29. More improvements
Angular Service Worker
Dynamic components
Router
Tests
Angular Package Format
https://dsebastien.medium.com/angular-13-in-depth-83be8f979e26
More ergonomic API
Simpler API for creation
Richer API incl. cancelled nav
Automatic cleanup with TestBed
Modernized and streamlined

30. What's
Next

31. Roadmap
https://angular.io/guide/roadmap
Strongly typed
forms
Switch Angular
Components to
MDC Web
Standalone
components,
directives and
pipes
My top 3 most wanted updates

32. Summary
Angular is here to stay
Angular Community
❤
Contributions are welcome
V13 is awesome - update today...

33. aka.ms/angular-deploy
...and host it for free in the cloud

34. Thank you!
Maxim Salnikov
@webmaxru

35. Questions?
Maxim Salnikov
@webmaxru