Angular 9 New Features: Ivy is Here
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.
thanks ,excellent features especially “enabling AOT on by default”