Angular Shipped With The Latest Version - Angular 8

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling. In here we are going to talk about the latest version of Angular which was released on last month.

New feature Ivy!

        In the Angular 8.0  release, they have mainly focused on Ivy. Ivy is a new internal rendering engine that is shrinking the bundle size and it is a very important stepping stone in the Angular history. It changes how the framework internally works, without changing how we write Angular applications. So this will help you to build the app with less size. But you should not use this Ivy for big projects as it is not ready for production. Though it will be worth it if you try it for small or demo projects. And angular 8 comes with the Typescript 3.4. so we have to upgrade it use this new version.

Support for Bazel

The next feature is experimental support for Bazel. This Orchestrate the build process to optimize the build flow and speed. Bazel Only rebuilds what is necessary with advanced local and distributed caching, optimized dependency analysis and parallel execution. This will help you to get fast and incremental builds. it is also not fully finished yet. So we can expect Angular 9 with stable support with Ivy and Bazel. For now you can try it and play with it. It will be added to CLI in the near future. You can use the below code to install bazel globally.

npm i -g @angular/bazel

And if you want to add bazel for your existing project, you can use the below code.

ng add @angular/bazel

if you want to know more about this bazel. you can refer the angular bazel documentation.

What is Differential Loading?

Another feature is Differential Loading.  It allows us to Get free from considering browser compatibility of your application. The CLI can understand browsers that the app needs to support and can make different bundles for both ES5 browsers and not. So those are the new things.

What are the changes in CLI commands?

let's move to the changes in CLI commands in Angular 8. If you have used angular very much, you may know if they going to remove some command, at first they deprecated it and after that, they remove those commands in the upcoming version. @angular/http was deprecated in angular 4. So in Angular 8, it has removed. As an alternative to that, we can use @angular/common/https. And another change is, if you used @ViewChild and @ViewContentChild queries, now you have to pass extra arguments whether it is static or not as shown below.If you use ViewChild element (service_form) in the ngOnInit you should set static to true.  

so that's it about Angular 8. See you again with a new topic.!

Thank You!

resources- https://next.angular.io/