Angular 8.3 has been released a few weeks ago! Also the Angular team has made more steps closer to the final release of Angular 9 with many bug fixes, a few breaking changes, and performance upgrades and improvements to Ivy, the new powerful renderer of Angular that will be the default renderer starting with Angular 9.
Let’s see what’s new and the Angular 8.3 features in more detail.
Angular is the most popular platform for developing client-side (front-end) mobile and desktop web apps or SPAs. With the new release of Angular 8.3, we have some really cool new features.
In this post, we are going to summarize some of the most important new features officially announced by the Angular team.
What is New with Angular 8.3?
Angular 8.3 is released with a bunch of new features:
A new deploy command added to Angular CLI
Angular CLI has many commands that make development quick such as ng new, serve, test, build and add. Now a new ng deploy has been introduced which allows developers to deploy their final app to the cloud with a few clicks from their command-line interface.
Before using the command, you need to add a builder that provides your project with the capability to deploy to a specific hosting provider. For example, for Firebase, you first need to run the
ng add @angular/fire command which takes care of all the configurations you need for Firebase. After that, you can run the
ng deploy command which creates an optimized production build and upload it to the web.
We already covered that, in much details, in our step by step tutorial
Increased speed in production builds
Angular 8.0 introuced differential loading which is a cool feature that allows Angular CLI to produce two production bundles, one for modern browsers targetting ES6+ and one for legacy browsers targetting ES5. As a result the ng build –prod takes twice the time needed for building a project. In Angular 8.3 optimized the command as follows:
- The ES6+ version is built first,
- Next, ES6+ bundles are transformed to ES5, instead of rebuilding the project from scratch.
At this time, if you get any issues, you can use the previous behavior with the
NG_BUILD_DIFFERENTIAL_FULL=true ng build --prod.
A new design of the home page of the Angular project
If you have created and served a project with the latest Angular 8.3 version, you’ll notice a nice looking interface with helpful links and common commands to start your development journey:
That’s it, now the Angular team has started working on Angular 9.
Updates for Angular 9, October 15, 2019
Day by day, we are getting closer to the final release of Angular 9!
The Angular team has released version 9.0.0-next.11 which added a list of bug fixes, a few new features and breaking changes, and removed the deprecated renderers. Also some performance upgrades and improvements are made to Ivy.