There is no more production of UMD bundles.
It produces ES2020 output.
It utilizes the package exports with the sub-path pattern feature from Node.js to display several available outputs at every entry point.
7. Changes in Framework and Dependency Updates
Angular 13 also boasts some crucial changes and updates. Now, RxJS v7.4 is the default for applications built with ng new. Current applications utilizing RxJS v6.x will need to update manually using the npm install rxjs@7.4 command.
8. Component API Updates
Now, you can build dynamic components using less boilerplate code due to the improved ViewContainerRef.createComponent API. If you use Angular 13, you don’t have to use ComponentFactoryResolver.
Here’s an example of creating dynamic components using previous versions of Angular:
Angular launched the all-new Angular 13 on November 3, 2021. Considering all the previous releases, we can say it is one of the most streamlined and previously planned upgrades for a broadly accepted TypeScript-based web framework.
The release has brought several essential updates that can be useful for Angular development. If you want a comprehensive view of what’s exclusive in Angular 13, let’s have a glimpse of this version’s top highlights and features with more details!
9. No Longer Support for Internet Explorer 11
For enjoying the benefits of native web APIs and features of modern browsers like CSS variables and web animations, the Angular framework has cut off the support for IE11. It provides a quicker load and smaller bundle size for applications and an enhanced user experience as there are no IE-specific polyfills and no requirement for distinctive loading.
It’s a notable change for some institutions or authorities that still run Internet Explorer 11 and haven’t yet moved to Microsoft Edge or other modern browsers.
10. Accessibility Update in Angular Material
The new version of Angular has brought an Accessibility (A11y) enhancement in Angular Material. The team has assessed and checked all MDCs (Material Design Components) for improved accessibility. For instance, radio buttons and checkboxes now have larger touch sizes, and other elements feature higher contrast modes.
Accessibility Update in Angular Material
11. New Type of Forms
The release of Angular v13 highlights a new type of form: FormControlStatus. It accumulates all status strings for form controls:
For instance, the type of AbstractControl.status is presently FormControlStatus in place of string.
The type of StatusChanges is now Observable<FormControlStatus> in place of Observable<any>.
12. Inline Support for Adobe Fonts
The introduction of Angular 13 also highlights inline support for Adobe fonts. These fonts can boost an app’s functionality by accelerating the FCP (First Contentful Paint). Now this change is accessible to everybody by default. You only need to do ng update.
13. Improvements in Localization
$localize is a consistent API. Developers use it to produce an effective way for in-built internationalization (i18n) and tag messages for translation in code and templates.
How to Update to Angular Version 13?
To update to Angular version 13, you need to download Angular 12. Then, you can update to the latest v13 following this link: https://update.angular.io/ for a detailed guide.
Conclusion
The Angular team tries to release a new version update every six months. Now that you know the significant updates and features of the all-new Angular 13, you must give it a try. If you are still using the older Angular v12, it’s time to upgrade it to version 13 to create amazing apps that support modern web development standards.