Angular 7 Ivy rendering engine

What Is Ivy rendering engine in Angular 7?

Ivy Rendering Engine - The Ivy rendering engine is a new backwards-compatible Angular renderer main focused on the following.
1.              Speed Improvements
2.              Size Reduction
3.              Increased Flexibility

The template functions for creating dynamically views are no longer nested functions inside each other.

Now we use for loops that are nested inside other loops.

Stayed In formed - Angular 7 Interview Questions

Example:
functionAppComponent(rf: RenderFlags, ctx: AppComponent) {
functionulTemplateFun(rf1: RenderFlags, ctx0: any) {
functionliTemplateFun(rf1: RenderFlags, ctx1: any) {...}
  }
}

No longer create multiple functions instances for loops that are nested inside other loops.

Example:
<ul *ngFor="let student of students">
<li *ngFor="let subject of student"> {{subject}} </li>
</ul>

To enabling Ivy by adding the following lines to the tsconfig.json file in the new project folder:
"angularCompilerOptions": {
"enableIvy": true
}

ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is Ivy rendering engine in Angular 7? What Is Ivy rendering engine in Angular 7? Reviewed by Anil Singh on 9:46 PM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^