Angular 6 is almost upon us with an expected release date of 4th of April. The angular team adopted a bi-annual release schedule for major versions in September 2016 – meaning we expect Angular 6 and 7 this year.
The angular team continues to emphasize on making Angular being faster, smaller and easier to use. In this issue of State of Angular – the last issue before Angular 6 is released – we are going to take a closer look at Angular 6.
Features of Angular 6
Bazel Build Tool
Bazel is a fast-multi-build tool that is being brought to angular to help in faster builds times especially for large projects. It improves build times by only building parts of the project that changed and not the whole project. Using advanced local and distributed caching, optimized dependency analysis and parallel execution to reduce the build time for your project.
On top of that, Bazel helps developers to package Angular modules for NPM and other package managers more easily.
Checkout this demo here.
Angular Elements allows you to create Angular apps or components that can be embedded into other apps written in vanilla JS or any other framework. This will be known as Web Components and can be used anywhere. You can learn more about Angular Elements here.
New Angular CLI Commands
Angular CLI tool is going to be get some new commands which will make everything smoother.
- ng update – This command will help you update project dependencies. I haven’t had a chance to try, it but am assuming that it will safely update your project dependencies. This should minimize or eliminate dependencies mismatch that is usually cause by updating via npm or yarn.
- ng add – This helps you quickly start up with application features like Material Design rather than a blank application. It will also be able to turn an existing to a Progressive Web App (PWA).
Webpack 4 and RXJS 6.0
Angular 2 Material
With the new version of Angular 6, comes along Component Development Kit or CDK. This is a tool for developers to build Angular Material components with similar characteristics with those offered by the Angular Material team.
On top of that, the Angular Tree component will be released together with Angular Material version 6. If you are already using Angular Material, I suggest you look at the changelog before upgrading to version 6. There are a lot of breaking changes.
Angular Flex Layout
Angular Flex Layout is still in beta, with no Release Candidate (RC) in sight yet. It seems like it might stay like this until sometime after Angular 6 has been released or all the way to Angular 7.0 later this year (Unless something changes in the next few days). Other than that, it continues to improve with each release, it’s one of my favorite tool to use.
How to Try Out Angular 6
To test out Angular 6, you need to install Angular CLI version that accompanies it. You can install it using the following command:
yarn add global @angular/[email protected]
npm install -g @angular/[email protected]
After that just create a new Angular project like you would be using Angular CLI.
ng new project-name