{"id":6071,"date":"2019-06-09T21:08:00","date_gmt":"2019-06-09T21:08:00","guid":{"rendered":"https:\/\/gtechbooster.com\/?p=6071"},"modified":"2023-04-01T01:36:52","modified_gmt":"2023-04-01T01:36:52","slug":"default-differential-loading-is-here-with-angular-8","status":"publish","type":"post","link":"https:\/\/gtechbooster.com\/default-differential-loading-is-here-with-angular-8\/","title":{"rendered":"Default Differential Loading is here with Angular 8"},"content":{"rendered":"\n

The new release of Angular is here, with improvements to the \nframework, Angular Material, and the CLI designed to improve application\n startup time on modern browsers. There are also new APIs to let \ndevelopers make better use of the CLI.<\/p>\n\n\n\n

\"\"<\/a><\/div><\/div>

Angular is a is a TypeScript-based web application framework. It is open source, and can be used for building JavaScript apps and dynamic web pages. It has gained widespread support partially because it’s a good framework, and partially because of the work on its development by a team at Google.<\/p>\n\n\n\n

The headline change to the new version is that differential\n loading is turned on by default. Differential loading lets the browser \nin which your app is loaded choose what works best – modern or legacy \nJavaScript. The new release of Angular automatically performs both a \nmodern build (es2015) and a legacy build (es5) of your application. \nWriting about the new support on the Angular blog, Stephen Fluin said:<\/p>\n\n\n\n

“On angular.io<\/a>\n we saved over 40kB of initial bundle size for modern browsers. From the\n community we\u2019ve heard that applications generally save 7\u201320% of their \nbundle size, depending on the amount of modern JavaScript features they \ntake advantage of.”<\/em><\/p>\n\n\n\n

The next improvement in the new version is support for EcmaScript \ndynamic import. This enables lazy loading of routes, meaning Angular now\n follows the JavaScript specification, and apps are more compatible with\n tooling.<\/p>\n\n\n\n

WebWorker support is better in this release, making it easier to . \noffload work such as image or video manipulation to a background thread.\n meaning you can write code that moves expensive computation to a \nseparate thread, and have that bundled in a separate script that works \nin the browser. You can now generate new web workers from the CLI, use \nit in your application, and the CLI will be able to bundle and code \nsplit it correctly.<\/p>\n\n\n\n

There’s also a new Builders API in the CLI that can be used by tooling developers to replace the behavior of CLI commands such as build and test.\u00a0<\/p>\n\n\n\n

More Information<\/h2>\n\n\n\n