Angular 8 New Features

Posted By :Himanshu Khurana |31st October 2019

Angular 8 brings a lot of new features, especially for the toolchain.

This release is the major release of the entire platform, including the central corner shelf, corner material and command-line interface or CLI.

We've provided a new set of powerful features that developers want to add at multiple levels; the central framework, the angular material library, and the CLI. It also enables many major partner versions, such as NativeScript (a framework for creating native mobile apps with Angular), Angular Console (a console for executing Angular projects on the system), @ angular / fire (using Integrate Firebase with Angular) and StackBlitz (Angular Online IDE).

As planned, Angular 8 has started, these are the new most important features:

 

Ivy advance


With the release of Angular 8, it is now possible to test the initial version of Ivy. Ivy is a new rendering engine that will generate smaller packages. However, it is still not recommended to start using it in production.

If you want to start using Ivy, you can use the --enable-ivy switch to tell the angle CLI to enable Ivy in your project:

$ ng new project-name --enable-ivy


Lazy Loading


The corner router always supports lazy loading, but now with Angular 8, it adds support for EcmaScript dynamic import. E.g:

 

{
    path: 'lazyload',
    loadChildren: () => import('./lazyModule/lazyModule.module').then(test => test.Module)
}

 

New implementation command has been added to the angle CLI


Angular CLI includes many commands that speed development, such as ng new, serv, testing, building, and adding. A new ng implementation is now introduced that allows developers to deploy their final application in the cloud with just a few clicks on their command-line interface.

Before using this command, you must add a generator that enables your project to implement it in a specific managed provider. For example, for Firebase, you must first run the ng add @ angular / fire command, which is responsible for handling all the settings required by Firebase. After that, you can run the ng deploy command to create an optimized production compilation and upload it to the web.

 

Higher speed in production and construction.


Angular 8.0 introduces a differential load, which is a great feature that allows Angular CLI to generate two product packages, one for modern browsers targeting ES6+ and one for older browsers targeting ES5. As a result, ng builds --prod took twice as long as the time it takes to build the project. In Angular 8.3, you optimized the command as follows:

 

First, build the ES6 + version,


Next, convert the ES6+ package to ES5 instead of rebuilding the project from scratch.
Currently, if you have any questions, you can use the above behaviour with NG_BUILD_DIFFERENTIAL_FULL = true ng build --prod.

Thanks
 


About Author

Himanshu Khurana

Himanshu is an experienced Frontend developer with experience and capabilities to build compelling UI's for Web and Mobile Applications. Himanshu likes playing cricket and listening music.

Request For Proposal

Sending message..

Ready to innovate ? Let's get in touch


Notice: Undefined index: HTTP_REFERER in /var/html/www/AI/wp-content/themes/oxides-child/functions.php on line 272

Notice: Undefined index: HTTP_REFERER in /var/html/www/AI/wp-content/themes/oxides-child/functions.php on line 272

Notice: Undefined index: HTTP_REFERER in /var/html/www/AI/wp-content/themes/oxides-child/functions.php on line 272

Notice: Undefined index: HTTP_REFERER in /var/html/www/AI/wp-content/themes/oxides-child/functions.php on line 272

Chat With Us