Angular 13 arrives: Ivy everywhere, View Engine and IE11 support cut
Cruft removed to improve performance
The latest release is as notable for what has been cut out as for what is included. Google developer relations engineer Mark Thompson said the deprecated View Engine, the old Angular compilation and rendering engine, is no longer available. According to Thompson, this means "teams can look forward to faster compilation because metadata and summary files are no longer included."
The current rendering engine, called Ivy, is now used everywhere and is being further improved and optimized. This allowed the modernization of the Angular Package Format (APF) and less use of the compatibility compiler ngcc, as well as simplification of the component API, resulting in more concise code.
The Angular team has now dropped support for Microsoft's IE11, the deprecated version of the web browser. "Removing IE11 support allows Angular to leverage modern browser features such as CSS variables and web animations via native web APIs," said Thompson.
There is also benefit in eliminating "IE specific polyfills and code paths." Developers with existing applications can run an update command that will automatically remove these, reducing the size of the bundled application.
Accessibility is improved in the new version, with what Thompson called "meaningful improvements" and changes to Angular Material components. A separate post last week digs into this in detail, with changes including touch target sizes, better ARIA (Accessible Rich Internet Applications) labels, improved high contrast mode, auto focus options, and a better screen reader experience.
A lot of work has been done here which should make Angular 13 substantially more accessible, though individual developers also have work to do in order to take advantage.
The crew has also revamped testing, with the native TestBed API cleaning up the DOM (Document Object Model) more thoroughly after each test. "Developers can expect faster, less memory-intensive, less interdependent, and more optimized tests," said Thompson.
- Next.js 12: Middleware, ECMAScript modules, and lessening use of Node.js
We took Angular 13 for a brief spin with Visual Studio Code, noting that initial compilation of even a Hello World application still seems slow, but a mitigating factor is the benefit of hot module reload – so that editing the source code makes immediate and quick changes to the running application.
Despite being perhaps unfashionable, Angular is a safe choice that Google claims helps developers to follow its best practices. ®