Incremental DOM with IVY in Angular

Incremental DOM is used internally at Google, and it is defined by this key idea: Every component gets compiled into a series of instructions. These instructions create DOM trees and update them in-place when the data changes. For instance, the following component: Will be compiled into: The template function contains the instructions rendering and updating… Continue reading Incremental DOM with IVY in Angular

Published
Categorized as Angular

What is Injectable decorator?

Injectable decorator (@Injectable) marks a class as available to Injector for creation. The service itself is a class that the CLI generated and that’s decorated with @Injectable(). What exactly does providedIn do? Determines which injectors will provide the injectable, by either associating it with an @NgModule or other InjectorType, or by specifying that this injectable… Continue reading What is Injectable decorator?

Published
Categorized as Angular

Singleton service in Angular

There are two ways to make a service a singleton in Angular: Set the providedIn property of the @Injectable() to “root”. Include the service in the AppModule or in a module that is only imported by the AppModule

Published
Categorized as Angular

@Decorators available in Angular

@Decorators are a design pattern that is used to separate modification or decoration of a class without modifying the original source code. Here is a list of @Decorators available in Angular. @NgModule @Component @Injectable @Directive @Pipe @Input @Output @HostBinding @HostListener @ContentChild @ContentChildren @ViewChild @ViewChildren @NgModule:@NgModule decorator is very common in angular. It can be seen… Continue reading @Decorators available in Angular

Published
Categorized as Angular

How to modify the response to an HTTP request and access it before return it out from Observable?

We often need to modify the response that is return from the http request before it return as observable. That means before we parse it into our component we might need to update. It all depends on the version of RxJs. Angular 6 launches with RxJs 6 – which means that the map()/catch() approach is… Continue reading How to modify the response to an HTTP request and access it before return it out from Observable?

Published
Categorized as Angular

Update Angular locally

Update angular locally . This small article I am going to show you how you can easily update your local angular version to latest. I am using npm-check-updates package to update the package.json Follow the below steps.

Published
Categorized as Angular