Angular 7 is Finally Here with New Components


The long await Angular 7 was released on October 18, 2018.  The Virtual Scrolling is a key feature in this release in hoping to combat on React. In the prior version, it was required to use the third-party libraries to accomplish the task of displaying a constant number of list items while users scroll down for more.  Now it can handle the task without exceeding memory on the user’s device. As a result, it gives a boost on both the functionality and performance.

On budgeting the amount of memory used on the user’s device, Angular 7 enables the developers to have the ability to control and set the budget threshold in the configuration by updating the angular.json file. In other words, the new CLI improves the performance of the app considerably.

There are some visual presentation updates with the Angular Material, which is the main UI Component framework that is a reference implementation of Material Design from Google. In this update, the Component Dev Kit (CDK) provides a new drag and drop module (@angular/cdk/drag-drop) which provides a way to create drag-and-drop interfaces quickly and declaratively .
Here are the features of drag and drop:

1. Basic Drag & Drop

2. Reordering lists

3. Drag & Drop connected sorting (move an item from the left list to the right list)

4. Drag & Drop position locking (on x-axis or y-axis)

 However, Angular Ivy, a new render engine, which was announced on February 2018, is not included in this version.  It will be announced in the coming months when the preview of Ivy is ready.

Like any major releases, there are a few things have been deprecated. The selector, <ngForm>, is now deprecated and should be replaced by <ng-form>.