Angular 13 arrives: Ivy everywhere, View Engine and IE11 support cut
(2021/11/04)
- Reference: 1636040707
- News link: https://www.theregister.co.uk/2021/11/04/angular_13_released_ivy_everywhere/
- Source link:
Version 13 of the Google-sponsored Angular JavaScript framework is here and the old View Engine renderer is gone, as is IE11 support, making Angular faster and smaller.
The latest release is as notable for what has been cut out as for what is included. Google developer relations engineer Mark Thompson [1]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.
[2]
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.
[3]
[4]
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.
Another change is the use of a persistent build cached by default, with build speed improved by up to 68 per cent, according to Thompson. Other improvements include an upgrade for [5]RxJS (Reactive Extensions Library for JavaScript) to version 7.4 from version 6, which among other things means a 50 per cent reduction in library size, and support for TypeScript 4.4. Support for inline fonts has been extended to include Adobe as well as Google fonts.
[6]
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 [7]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.
[8]
StackOverflow trends show steady interest in Angular
According to the latest StackOverflow developer survey, React.js is the most used JavaScript framework with Angular in fourth place – or second place if one considers that jQuery and Express are less comparable. That suggests substantial usage for Angular (22.96 per cent), though it is less well liked than others such as Svelte, React.js and Vue.js (according to the "Most loved" section of the survey).
[9]Next.js 12: Middleware, ECMAScript modules, and lessening use of Node.js
[10]Chrome 'Conformance' for JavaScript frameworks says: If you don't follow our rules, your project won't build
[11]Open-source JavaScript project Babel 'running out of money' after employing paid maintainers, sponsors pull out
Note that Angular (which uses TypeScript) is distinct from the older Angular.js, which uses JavaScript. Angular.js has the distinction of being "Most dreaded" in the survey, whereas Angular has a respectable mid-table position.
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.
[12]
Despite being perhaps unfashionable, Angular is a safe choice that Google [13]claims helps developers to follow its best practices. ®
Get our [14]Tech Resources
[1] https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296
[2] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=2&c=2YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D2%26raptor%3Dcondor%26pos%3Dtop%26test%3D0
[3] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[4] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[5] https://rxjs.dev/
[6] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[7] https://blog.angular.io/improving-angular-components-accessibility-89b8ae904952
[8] https://regmedia.co.uk/2021/11/04/sotrends.png
[9] https://www.theregister.com/2021/10/27/nextjs_12/
[10] https://www.theregister.com/2021/06/17/google_chrome_conformance/
[11] https://www.theregister.com/2021/05/12/babel_money_woes/
[12] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[13] https://developers.google.com/learn/topics/angular
[14] https://whitepapers.theregister.com/
The latest release is as notable for what has been cut out as for what is included. Google developer relations engineer Mark Thompson [1]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.
[2]
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.
[3]
[4]
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.
Another change is the use of a persistent build cached by default, with build speed improved by up to 68 per cent, according to Thompson. Other improvements include an upgrade for [5]RxJS (Reactive Extensions Library for JavaScript) to version 7.4 from version 6, which among other things means a 50 per cent reduction in library size, and support for TypeScript 4.4. Support for inline fonts has been extended to include Adobe as well as Google fonts.
[6]
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 [7]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.
[8]
StackOverflow trends show steady interest in Angular
According to the latest StackOverflow developer survey, React.js is the most used JavaScript framework with Angular in fourth place – or second place if one considers that jQuery and Express are less comparable. That suggests substantial usage for Angular (22.96 per cent), though it is less well liked than others such as Svelte, React.js and Vue.js (according to the "Most loved" section of the survey).
[9]Next.js 12: Middleware, ECMAScript modules, and lessening use of Node.js
[10]Chrome 'Conformance' for JavaScript frameworks says: If you don't follow our rules, your project won't build
[11]Open-source JavaScript project Babel 'running out of money' after employing paid maintainers, sponsors pull out
Note that Angular (which uses TypeScript) is distinct from the older Angular.js, which uses JavaScript. Angular.js has the distinction of being "Most dreaded" in the survey, whereas Angular has a respectable mid-table position.
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.
[12]
Despite being perhaps unfashionable, Angular is a safe choice that Google [13]claims helps developers to follow its best practices. ®
Get our [14]Tech Resources
[1] https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296
[2] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=2&c=2YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D2%26raptor%3Dcondor%26pos%3Dtop%26test%3D0
[3] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[4] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[5] https://rxjs.dev/
[6] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[7] https://blog.angular.io/improving-angular-components-accessibility-89b8ae904952
[8] https://regmedia.co.uk/2021/11/04/sotrends.png
[9] https://www.theregister.com/2021/10/27/nextjs_12/
[10] https://www.theregister.com/2021/06/17/google_chrome_conformance/
[11] https://www.theregister.com/2021/05/12/babel_money_woes/
[12] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_software/front&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33YYlXzUawgWR4RAGzAtLu0QAAABE&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[13] https://developers.google.com/learn/topics/angular
[14] https://whitepapers.theregister.com/
Charlie Clark
It's been cut from this release, you can still use older versions. However, seeing as MS itself has officially stopped supporting IE, not least because it has many apparently unfixable bugs, it begs the question as to why companies still require it: the writing was on the wall for it 10 years ago.
*yawn*
Ilsa Loving
I was a bit fan of Angular until they hit v2 and basically told everyone that all the effort they put into learning Angular has been for nothing.
It's been off my radar ever since. I have better things to do with my time than relearn the same language over and over.
No IE ? No use.
Why do people think there aren't still (massive) companies out there who still have their employee's use IE, who still need to buy weby stuff made by other companies ?