Angular

Angular 9 | New Features and Ivy Rendering Engine

Angular 9 – Latest Version of Angular Framework

So, if you are reading this you  must be familiar with the fact that google has just released Angular 9, the latest version of Angular framework. In this article we will talk about Angular 9 and its new features in details.

Angular developers worldwide were eagerly waiting for this released and the expectation from Angular 9 was very high. Some of the main released features is IVY renderer engine and its support for Typescript verrsion 3.7.

Also Read: Key Features of AngularJS and Angular Interview Questions with Answers

Angular 9 – New Features, Changes and Updates

As we already said that the expectations were very high with Angular 9 and somehow it covers up all those expectations. One of the biggest and newest feature in Angular 9 is the Ivy compiler. We’ll  talk about this in detail along with some more important feature of Angular 9 like selector-less bindings and internationalization support. So keep reading.

Ivy Rendering Engine

Ivy is the new Angular Compiler as well as will act as a new rendering pipeline. Why need a new renderer engine? Because if a renderer is more efficient and easy to work on, then you can ship less code for the same purpose which require more coding lines earlier.

However it must be noted that, Ivy compiler is hidden away, and replacing ViewEngine with Ivy does not change the way you work with Angular. But this change does have a significant impact on the code that’s being generated. One of the main benefit of Ivy compiler is that now you will be able to generate small sized bundles and also perform incremental compilation easily.

As we mentioned earlier that with Angular 9, Ivy compiler is the default compiler but in case you want to opt-out the IVY for the build process and want to continue the View Engine, then you can do this by making the following changes in TypeScript Configuration files.

{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": [] },
"files": [
"src/main.ts",
"src/polyfills.ts"
],
"include": [
"src/**/*.d.ts"
],
"angularCompilerOptions": {
"enableIvy": false
}
}

Benefits of Ivy Rendering Engine

Ivy rendering engine comes with benefits over the previous viewEngine. Here are some of the benefits that Ivy rendering engine comes with in latest Angular 9 framework

  1. It will provide a faster compilation along with a smaller bundle size.
  2. Faster Testing operations and improved CSS and style bindings.
  3. Smaller bundle size compared to the current compiled bundled size.
  4. It provides improved build time and enables AOT mode for building by default.

Support for the TypeScript 3.7.x

With the latest version of Angular Framework released, now Angular 9 supports the typescript 3.7x or above. So, if we want to use Angular 9 with Typescript version to 3.7 or above, feel free to do it.

Changes in Angular Forms

Angular forms are one of the most used component in Angular Framework. In Angular 9, there are some changes also make in the Angular Form Version. The main change is that <ngForm> is no longer exists as a form selector to use Angular Form. We need to use <ng-form> to access the Angular Form in our component.

Angular 9 – Smaller Bundle Size

With Ivy Compiler as the default compiler in Angular 9, all the unnecessary code can be removed which result in less code for each Angular component in compared to the previous versions. With these improvements, we can now get smaller bundle size for both small-size applications and large applications.

Optimization for Mobile Devices

With the increase in mobile usage percentage it is important to optimise the framework for the growing mobile audience. In Angular 9, there are less downloadable resources to increase mobile user experience using the Ivy compiler which speed application startup by reducing the size of JavaScript classes.

Conclusion

So this is all about the Angular 9, it s latest features and the Ivy Compiler. In this article we have discussed about the new features of Angular 9 which has been changed in comparison to the previous version of angular. If you like this article, please feel free to give it a share. Thanks.

Leave a Comment