Another fantastic version of Angular has been published. Here are some of the features from version 13!
I can hardly believe we are quite well into fall and welcoming the latest Angular release, v13. Personally, I feel that the improvements that the Angular team has made and plans to make are leading us to a beautiful place — 2022 should be an exciting time to be an Angular developer.
Here are some of the most significant things from this release. For additional information, see the official Angular blog and roadmap!
Updates to the Angular Core
View Engine Support is Being Removed
Angular 13 no longer supports the old rendering View Engine, as stated in previous statements. You may anticipate ngcc to be removed as well (in a future edition). For the average Angular dev, this doesn’t mean much (other than getting the benefits of a more performant framework). This is significant for Angular library builders. So, all of you library authors out there, brace yourself and make sure you’re ready.
https://www.guilded.gg/p/-Eternals-1080p
https://www.guilded.gg/eternals4ks-Outlaws/overview/news/PlqeLj2l
https://www.guilded.gg/eternals4ks-Outlaws/overview/news/4yAzKLmR
https://www.guilded.gg/anita-4k/overview/news/1ROkM3mR
https://www.guilded.gg/anita-4k/overview/news/Yyr8Vk3l
https://www.guilded.gg/p/Anita-1080p
https://apply.workable.com/eternals-1/
https://apply.workable.com/eternals4k/
https://apply.workable.com/eternals-2021/
https://apply.workable.com/es-eternals/
Dynamic Component Creation in the Absence of Component Factories
One Ivy-enabled API update is a cleaner approach to dynamically construct a component. To construct a component, ViewContainerRef.createComponent no longer requires an instantiated factory. Check out Mark’s code comparisons for before and after Ivy’s changes: Updates to the component API.
Support for View Engine backwards compatibility has been withdrawn, as have the following providers for such a use case:
ModuleWithComponentFactories
Compiler\sCompilerFactory
JitCompilerFactory
NgModuleFactory
More information may be found in the CHANGELOG.
TestBed Teardown is now the default.
Configurations in TestBed that allow for easier cleanup of test modules and environments are now enabled by default. This functionality was added in v12 and, while it is currently enabled by default, it may be removed or adjusted per module.
Documentation Enhancements
The documentation were also given greater attention in this version’s release. Check out these $localize documentation to see how they’re introducing additional examples to help with learning and getting started with Angular!
Adobe Fonts are supported inline.
You may now inline not just your Google Fonts (v11), but also your Adobe Fonts! Check out Mark Thompson’s video on how to use font inling to improve your performance!
Ending IE11 Support
Angular will no longer support Internet Explorer 11 as of version 13. The team issued an RFC (request for comments) on eliminating IE11 support, and the response was largely positive.
Dropping these polyfills means that everything will be quicker — apps will load faster (because to their reduced size) and implementation will be faster (because of the improved API).