What’s new in Angular Ivy V9?

Angular Ivy V9: Let’s Check Out Top New Features

Quick guide for Angular Ivy V9

The world is changing rapidly by digitization as technology grows day by day. Same way dedicated Angular community is working continuously to provide great features for your Angular App by bug fixing and optimization. Angular is maintained by Google and improves gradually with the help of corporations and the community. Angular releases a remarkable new Angular 9 version on February 7, 2020. So if you are an Angular lover, this blog will surely help you to understand what’s new in Angular 9 and Angular Ivy.

What are the New Features in Angular 9?

# Ivy default compiler

# improved bundle sizes

# Faster testing

# Better debugging

# Improved type checking

# Improved CSS class and style binding

# Enables the AOT compiler on by default

# Improved build time

# Improved build errors

# Improved Internationalization (i18n)

A quick look at Angular Ivy V9

Ivy is by default compiler and runtime engine for the Angular 9. Angular previously made use of View Engine for compiler and runtime. In the previous version of Angular, the bundle size was large by view engine whereas in Ivy these bundle size is reduced significantly.

Advantages of using Ivy

# Ivy reduces the bundle size

Angular community focuses synchronization, and faster app development compare to the previous version. In this Angular Ivy V9 version, they targeted to remove unnecessary code. Ivy comes with the shaking feature, which requires less code compared to the previous version. For example, Hello word previously required ~250 Kb in Angular 8 Version, whereas in the latest Angular Ivy V9 version, it reduces ~215 Kb.

# Helps in better debugging

Ivy comes with the new ng object to debug your application in Ivy runtime and Dev mode. One cannot use these functions in production mode. This new feature reduces the developer’s time for debugging applications while coding as components themselves doing code debugging.

AOT (Ahead-of-time) Compiler and IVY

The angular application requires HTML templates and components to build an application. But the browser cannot understand these directly to run the application successfully in browser Angular app requires compilation process.

What is AOT and the advantages of AOT?

Generally, the compiler consists of variable compilation phases, like code generation, template type checking, and code analysis. AOT (Ahead-of-time) Compiler converts these HTML templates and typescripts code into javascript browser downloads and executes the code. AOT compiler uses metadata and applies it to compile an application.

With the help of the angular.json file, you can set AOT compilation as a default option. So we can use AOT compilation with Ivy by default for faster compilation.