Niral Munjariya     May,17 2018

Angular 6 – What's New ?

Angular 6 is available now, let us quickly check-out some exiting new features and updates at a glance. Angular 6 features and updates are sure giving an edge to huge performance boost!

 

The key updates are Angular Elements, Angular library, service worker improvements, and many more. I use Angular every day, so let’s just get started with the groundbreaking changes that can make our coding experience much easier.

 

 

Agnular6    Angular Elements

 

The super awesome feature that my team was waiting for, Angular Element is primarily designed to use the Angular Component as a Web Component. Which can be used on any HTML page (not just in the Angular app), just exciting!



Just imagine that your ColdFusion teammate can also use your handmade Angular component in his application without having Angular ecosystem in-place. I am super excited to use it and it can be done easily with just a few efforts. Have a look at this post to know more about Angular Elements.

 

 

Agnular6    New Angular CLI commands

 

ng update

It’ll automatically update you @angular dependencies in the package.json file. It updates npm dependencies, it also updates your code if there are any breaking changes or deprecation found.

 

If you’ve planned to upgrade from Angular 4.x or 5.x to 6.x you’ll use it and see what it does.

ng add

It will add a new capability to your project. It not only downloads and installs a new package to your project but along with that it also invokes and installation script which can update your code with configuration changes, add additional dependencies if required. It helps you to keep your packages up-to-date.

 

 

Agnular6    CLI Workspaces

 

CLI v6 now supports workspaces that simply means that you can have multiple projects or libraries in the same project configuration file. It’ll now use angular.json file instead of .angular-cli.json. It’ll be automatically renamed when you upgrade!

You can read more about CLI workspaces here.

 

 

Agnular6    Support for Library

 

It is an excellent feature that allows you to create and build your own library. The Library is your custom npm package that you can use internally or publish it to npm.



Angular generator supports the library generation using the command ng g library your-awesome-library.
You must build the library in order to use it. Have a look at this link to know more about the Angular library.

 

 

Agnular6   Summary Using Angular 6,

 

  • You will be able to use your Angular component in any HTML web application.
  • You will notice a significant performance improvement.
  • You will be able to create your own Angular library and publish it!

 

That’s not all, there are many other feature and performance improvements rolled out in the Angular 6 to yet exploring further to use.
 

Check this out to upgrade your project to Angular 6.
Personally, I’m super excited to use it because it is making things simpler than ever before.
 

Happy coding stay awesome!