Finally the angular 13 is released in the market on 4th November 2021. As we know angular is a popular typescript based framework. And it has released 13 version with lots of features.
Below are the main features introduced by angular 13.
- Typscript 4.4 support module
- View engine is no longer available
- Node js older than 12.0 is no longer supported
- Improvements to the angular CLI
- Rxjs version updated
- Validation improvement
- IE 11 support being removed
Lets discuss each in detail-
- Typescript Update: In angular 13 typescript 4.4 is added where as older version than typescript 4.4.2 are no longer supported in the core.
- View engine is no longer available: In angular 13 view engine is completely removed. And it is replaced with angular ivy engine. Its the angular’s next generation compilation and rendering pipeline.Removing View Engine also means that Angular can reduce its reliance on
ngcc(Angular compatibility compiler) in the future, and teams can look forward to faster compilation because metadata and summary files are no longer included. Also Angular can continue to create Ivy-based features that bolster your productivity with the platform. - Node js older than 12.0 is no longer supported : In angular 13 node js version older than 12.20 is no longer supported. Current node js version is 16.13.0. So you may face issue to install the node js versions.
- Improvements to the angular CLI : Angular now supports the use of persistent build cache. It means whenever you will create the angular build it will increase the performance of the application by 68%. This cache setting is configurable through the angular.json file. Below is the example .
- Rxjs version updated: Rxjs 7.4 is now the default version for app created through ng new. Existing app using Rxjs v6.x will have to manually update using the npm install [email protected].
- Validation improvement: Now in angular 13 we can dynamically enable and disable the validation like min, max email etc. These built-in validators to be disabled by setting the value to
null. This becomes increasingly helpful when building dynamic forms. - IE 11 support being removed: Now angular removed the support of IE 11. Hence some poly fills are also removed for IE 11. And due to this angular becomes more faster than earlier. Removing IE11 support allows Angular to leverage modern browser features such as CSS variables and web animations via native web APIs. What’s more is that apps will be smaller and load faster because we can remove IE specific polyfills and code paths. It also removes the need for differential loading. Developers will benefit from improved APIs and build infrastructure while application users will benefit from faster loading and an improved user experience.
Conclusion: So above are the main features introduced by angular 13. Apart from this some minor changes are also done like – Improvement to testbed , enable a better job of tearing down test modules. $localize is a stable api for internationalization. Validation error messages are also improvement.
