The Status of Angular v13
0 likes•110 views
The document discusses the current status of the Angular ecosystem, highlighting its community growth, usage statistics, and updates in the latest version (v13). Key improvements in v13 include deprecations, enhanced developer experience, performance upgrades, and better accessibility features. The author encourages contributions from the community and emphasizes the longevity and relevance of Angular.
![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](https://image.slidesharecdn.com/angular-status-13-211202230702/85/The-Status-of-Angular-v13-3-320.jpg)
The Status of Angular v13
- 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
- 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)
- 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
- 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
- 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