Home Blogs Technology Angular 8.0 and the Upcom ...

Angular 8.0 and the Upcoming 9.0 Release

Pssst: are you sure you're reading the article you were looking for? Angular 9.0.0 was recently launched and we've compiled the new features and bug fixes in another article. Read it here.

On February 2018, the Angular team has introduced the new layout engine called Ivy, and ever since, all Angular developers were waiting with bated breath for the stable release.

The preliminary examination enables developers to choose between the Ivy and View Engine build and view transit lines during process performance. The development team also issue the extra guidance on how to handle these things in the approaching beta builds.

In case you want to enable Ivy in a new project, run this code:

ng new shiny-ivy-app --enable-ivy

In case you've got an ongoing project, the addition of Ivy is also quite simple - enable Ivy in the angularCompilerOptions in your tsconfig.app.json: 

  "compilerOptions": { ... },
  "angularCompilerOptions": {
    "enableIvy": true

Angular developers say that Ivy opening screening is initiated for the purpose of reinforced backward compatibility, supplementing quicker, more compact builds and more legible code, but the new version is equipped with some features that will not be even fully compatible, for instance, with i18n, Angular Universal and Angular language maintenance option.

The opt-in prior review is aimed at transferring applications to the Ivy program builder and workflow guidance without involving developers to modify the applications created. Angular development team accentuates that lots of Ivy-oriented APIs will be affixed to the public API soon within Angular Labs and further robust releases.

Meanwhile, the Angular development team forecasts that Ivy is going to be fully unwrapped only in Angular version 9.0, that is planned for release in October/November 2019.

Beyond Ivy, Angular 8 presented several optimization features.

You might be interested: Angular 9.0.0 Release & Features

For example, Differential Loading by Default. This feature allows the browser to choose which JavaScript version to use: modern or legacy, based on the capabilities of the said browser, saving up to 7-20% of the bundle size and speeds up time-to-interface (TTI.)

* * *

Besides scouring the official Angular blog to see what they are working on, we've also talked to our developers here at HUSPI to see what they think of the latest version. Apparently, differential loading was their favorite:

"I find it convenient that new Angular 8.2.3, installed on our project's website, supports separate production bundles for old and modern browsers - es5 for legacy, es6 for new. I also like the new Ivy engine, but it's still in beta for now."

* * *

Route configuration using dynamic imports also help to lazy-load parts of your code, so that your project as a whole becomes more efficient and fast.

Client Library Interface (CLI) got the feature for aggregating web workers that will upgrade the velocity and parallelization of the apps by removing the tasks from the principle spawned process. CLI also got a Builder API that allows performing processes like build and deployment as well as Workspace API to make changes in the workspace without having to modify the angular.json.

Angular 8.0 release also features backward compatibility regime which will allow easier updating heavy AngularJS projects by applying “delayed loading” for the certain code sections in order to migrate to TypeScript Angular.

Lastly, following the regular relation upgrades for Typescript, RxJS, and Node, Angular 8.0 release is called to employ an opt-in using distribution feature which, in turn, delivers more understanding to Angular development team about the requirements of developers’ community regarding multiple things such as commands utilized and build velocity. 

Learn more about Angular 8.0 update on their official blog.

If your business requires Angular-based digital solutions, we would be happy to help you out with that.

You may also like