New Features Of Angular 7

9684 0

Angular is a popular framework for developing mobile and web applications. The first version of Angular was released in 2012 by Google. Through the years, it has seen tremendous growth with every version enhancing performance and developer experience. In this article we will discuss some of the powerful features of Angular 7.

New Features Of Angular 7

CLI Prompts

The CLI prompts in Angular 7 has been upgraded to v7.0.2 with several new features. Eg. Users will now be prompted when they type commands such as ng-new, ng-add and @angular/material. This would enable them to identify the in-built routing, SCSS support and many other things.

Additionally, CLI prompts have also been added to Schematics. As a result of which  CLI prompts will prove beneficial to schematics.

Updated Dependencies 

There is support available for different upgrades in dependencies in Angular 7.

Support for Node v10

There is support available for Node V10 with backward compatibility also in Angular 7

RxJs 6.3

In Angular 7, the latest version ofRxJs (version 6.3.3) is available. It contains a host of remarkable changes and additions.

Typescript 3.1

TypeScript version in Angular 7 has been updated from 2.7 to 3.1, which is its latest release. Moreover, it is mandatory to use the latest version of TypeScript while working with Angular 7.

Virtual Scrolling

Angular 7 features a new type of Virtual Scrolling that has the ability to load and unload certain items from the DOM based on the part of the list that is visible. This leads to a faster experience for the users who has extremely large scroll lists. With the virtual scrolling bundle, the users are offered helpers that responds to each and every scroll event.

In Virtual Scrolling, a high performant way is activated by enabling the height of container element to be precisely the same as the height of the remaining elements total number that are to be rendered. With this, the only visible items in view are rendered, thus creating a faster end-user experience.

Drag & Drop

With the new drag and drop module of Angular 7, users can now easily develop drag and drop interface which is backed by sorting within a list, transfer items between previews, placeholders, lists and support for free draggings, custom drag handles, and animations.

Angular Material & Component Dev Kit (CDK)

In Angular 7, material design has received minor visual updates and enhancements. Other improvements in Angular Material and CDK includes dynamic loading and unloading of parts of the DOM, virtual scrolling, refresh,large lists of data and virtual scrolling. Moreover, drag-and-drop functionality can now be fitted to the applications in Angular 7 by either importing DragDropModule or ScrollingModule.

Improvements In Application Performance

Google’s development team has always been particular on enhancing performance and during the process, they identified that in the production most of the developers were employing reflect-metadata, which was actually needed only in the development. For fixing this issue, a part of Angular 7 has been made to remove this from the polyfills.ts file automatically.

A New ng-compiler

In Angular 7, there is a new compiler available, called as the Angular Compatibility Compiler (ngcc). It  makes possible 8-phase rotating ahead-of-time (AOT) compilation. Majority of the applications of angular will be able to see a large cutback (95-99%) in their bundle sizes. You know it’s an important progress when Angular package’s actual size becomes significantly lesser than what majority of the languages would take for storing the string ‘Angular’.

With ngcc Angularnode_module compatibility compiler,  thenode_module compiled with non-ivy ngc  is upgraded into the ivy compliant format.

End Note

Looking at the new features it becomes clear that Angular 7 is a more accessible solution that is focused on the modern technological trends. If you are looking to reap the benefits of this, check out SpringPeople Angular training

Thanks for reading!


About Natasha


Natasha Manuel is an information analyst at SpringPeople. In her 7+ years of experience in the edu-tech industry, Natasha has led many corporate learning projects and delivered several high impact training programs. She is passionate about technology and its role in effective learning solutions

Posts by Natasha

Leave a Reply

Your email address will not be published. Required fields are marked *