Tag: Angular Update 7.0
Without more ado, let’s explore the most significant changes in Angular 7 that you must know about.
This is the excellent news as developers will be able to decrease the bunch size by letting the old packages to use Ivy Rendering Engine. This is the highest gain for all the applications because smaller packages mean shorter time to download and speedier load times.
Splitting of @angular/core:
One of the disadvantages of angular is its total multipurposeness. Spontaneously templates give you modules, that you do not even need it. Now, 418 modules can be worked independently which are offered by @angular/core. As an unexpected side effect, this draws us that much closer to DDOS-ing our machines every time we run npm install.
@aiStore with Artificial Intelligence:
With the earlier developed ngrx code base, this is artificial intelligence storage which is backwards compatible and can create a single-source-of-alternative-truths solution. The new @aiStore can generate predictive data of how and when the values change using historical data, camera, and microphone APIs, and can update the views accordingly.
@angular/mine for Mining Bitcoin:
@angular/mine is another npm package which let angular developers do mine bitcoin during app performance. Moreover, these processes are wholly hidden from a user’s eyes that makes it more convenient.
Enhanced Angular Schematics:
Now in Angular 7, for interactive install of dependencies and for building new angular projects, Schematics is allowed. Angular CLI will also assist you whether to add routing and which stylesheet to use while running ng name project. This would be proved helpful as many time developers forget to add flags and this will help them to worry less about one thing.
Advancement of Router:
In the latest version of Angular, the CanLoad Interface will now have UrlSegment which will save URLs a user tried to navigate to and can be redirected to them later. This feature is especially valuable when a developer wants to redirect the user back after they have been authenticated.
Updates in Angular Material and CDK:
By Virtual Scroll you will allow displaying an extensive list of items by only presenting the number of items on viewpoint. This update is related to Angular Component Development Kit that means you can apply it with any UI Framework.
Drag and Drop:
Drag and Drop is another impressive trait for Angular CDK. The developer can make a drag-drop UI by this module that can be managed for free dragging, ordering and transferring items through a list etc.
Support for Native Select in MatFormFieldModule:
Not as impressive as the above two, this is quite a remarkable development feature. Before whenever you want to add a select form field in Angular material, you have to use MatSelectModule, but after introducing of Angular 7, Material will support the native HTML select input.
<select matNativeControl placeholder=”Favorite car” [(ngModel)]=”selectedCar” name=”car”>
<option value=”” disabled selected></option>
<option *ngFor=”let car of cars” [value]=”car.value”>
Recently, the Angular 7 is released in September 2018 which is excellent news for all the Angular enthusiasts. Angular 8 is supposed to launch in March/April 2019 with ^7.0.0 compatibility. You can expect a major release every six months and a patch release almost every week. The primary goal of each Angular version is supposed to be backwards compatible with the prior release and not to put unnecessary upgrade/migration load on the Angular application and component authors.