Saturday, July 20, 2019

Angular 8 Features

Angular 8 was released on May 28, 2019. Angular is the most popular platform for developing client-side (front-end) mobile and desktop web apps or SPAs. With the new release, it enabled many major partner launches such as NativeScript (a framework for building native mobile apps with Angular), Angular Console (console for running Angular projects on your system),@angular/fire (for integrating Firebase with Angular) and StackBlitz (an online IDE for Angular) along with new features Differential loading for all application code, Dynamic imports for lazy routes, Web workers, TypeScript 3.4 support, and Angular Ivy as an opt-in preview.
Preview of Ivy
A preview version of Ivy is now available for testing. Ivy is a new rendering engine that will produce smaller bundle sizes. But it's not recommended to start using it in production not just yet. Angular Ivy opt-in preview includes:
  • Generated code that is easier to read and debug at runtime.
  • Faster re-build time.
  • Improved payload size.
  • Improved template type checking.
  • Backwards compatibility.
TypeScript 3.4
Angular 8.0 now supports TypeScript 3.4, and even requires it.
Web Workers
Angular CLI 8, web workers are taken into consideration when building the production bundles which helps increase the performance. Angular CLI 8 provides now one bundle for every web worker.
Differential loading
With differential loading, two bundles are created when building for production: a bundle for modern browsers that support ES2015+ and a bundle for older browsers that only support the ES5 version of JavaScript. The correct bundle will be loaded automatically by the browser, thanks to the support of ES6 modules in newer browsers.
Lazy Loading
The Angular Router has always supported lazy loading but now wiht Angular 8 the support for dynamic EcmaScript imports is added.