Web Development News: Angular Version 6 is Out!

by Stephen Fluin, Angular Blog, 22 May 2018

With a lot of focus in web development being put on creating apps and websites using Angular, this is great news. It seems that each release makes Angular that much easier to work with.

The new release of Angular synchronises the framework packages for the major versions. The aim of this is clarifying cross compatibility.

In addition to this synchronisation the following packages have been updated or added:

ng update

The ng update CLI command is designed to work with package.json to help you select the correct versions of the various dependencies you are using in your projects. It will also apply any needed transforms to your project using npm or yarn.

ng add

The ng add is another new CLI command which makes adding new packages so much simpler. It will utilise your package manager and download any new dependencies and invoke the appropriate installation scripts.

Angular Elements

This is a first release which will allow you to bootstrap Angular components by registering them as Custom Elements. This automation should make your work flow smoother and faster.

Angular Material and CDK Components

The biggest addition to take note of is the tree component. It follows patterns from the data-table component and is very useful for displaying hierarchical data. It is available in styled and unstyled versions.

Angular Material

Angular have added three new starter components to make your life that much easier.

  1. Material Sidenav
  2. Material Dashboard
  3. Material Data Table

CLI Workspaces

Version 6 now supports workspaces with multiple projects and will make use of angular.json, not .angular-cli.json, for configuration.

For more information on these and other updates to the Angular frameworks, read the full article by Stephen Fluin on Angular Blog.