Angular 9 New Features: Ivy is Here

Published Feb 09, 2020

Angular 9 introduced some amazing new features, the major feature is the ivy renderer which aims to boost the performance and reduces the size of your apps.

Angular 9 New Features

These are the new features of Angular 9:

The Ivy renderer
Smaller bundle sizes and augmented performance
Faster testing
Better debugging
Improved CSS class and style binding
Improved type checking
Improved build errors
Improved build times, enabling AOT on by default
Improved Internationalization
Angular 9 makes it easy to use Google Maps and YouTube in your front-end apps.
Angular 9 added support for TypeScript 3.7 and improved the IDE and language service extension which will increase the productivity of Angular developers and help them spot errors when developing apps.

What is Angular 9 Ivy?

The performance of the Angular runtime is quite good but the loading time is longer because of the large file size which affects the overall performance of the application.

So what the Angular team is doing to solve the large size of the final bundles?

Enter Ivy.

Ivy is a complete rewrite of the Angular renderer which is simply the part of Angular that transforms your Angular templates into JavaScript code.

Angular components are a mix of TypeScript code, HTML and CSS. TypeScript is a superset of JavaScript, that needs to be compiled into JavaScript before it can be consumed by a web browser.

Angular previuosly made use of ViewEngine to transform TypeScript code to JavaScript.

The Angular ViewEngine transforms the templates and components to HTML and JavaScript so that the browser can render them.

These are some informations about Ivy:

The Ivy compiler is abtsracted from developers, and will replace ViewEngine so what you know about Angular is still valid.
Angular 8 allows developers to play with Ivy but with Angular 9, Ivy is the default renderer.
The Ivy compiler outputs much smaller JavaScript bundles, so Ivy solves Angular’s bundle problems.
The Ivy compiler will not change how you work with Angular so what you previosly learned about Angular will still work in Angular 9+.
Note: Ivy will be a major corner stone because it takes Angular applications to the next level in terms of performance and final bundle size.