Angular 7 is Here

“photo of white painted building under blue and white sky” by Jeremy Galliani on Unsplash

Angular team blessed us with another major version of Angular. October 2018 was the month when developers expected the next version to hit the net and they delivered. But most of you are wondering what are the new features that come with the new version.

It is conveniently easy to transition from V6 to V7. In a matter of minutes actually. Simply run the following command via your terminal:

ng update @angular/cli @angular/core

Voila, you’re running Angular 7 now providing that the update went smoothly.

What are the new features?

Application Performance

Developers can now use performance budgeting, which is enabled by default in V7 allowing them to increase or reduce memory budget by updating angular.json file.

Budgets is a feature in the Angular CLI which allows you to set budget thresholds in your configuration to ensure parts of your application stay within boundaries which you set.

Angular Material

There aren’t many changes in Angular Material as of version 7, but if you’re an Angular Material user, you’ll spot some minor visual improvements which are aligned with the updated spec of Material Design. You can also choose between select and mat-select now.

Virtual Scrolling and Drag & Drop

Virtual scrolling offers smooth and faster user experience for scrolling through a large set of list items, displaying constant list of items until user scrolls for more. This functionality can now be used out-of-the-box thanks to Angular 7.

Drag & drop is in the CDK now as well, which includes automatic rendering as well as transferring items between lists.

Angular Elements

Angular Elements now supports content projection using web standards for custom elements. — Stephen Fluin

What’s the latest on Ivy?

Ivy, the rendering engine introduced a couple of months ago, is still not officially used by Angular. The team will announce an opt-in preview in the coming months.

However, if you would still like to enable and play with it, read this tutorial.

All in all, future is bright for Angular. I can’t wait to see what the Angular team has in store for the next major release.