What is new in angular 8 and how to migrate

Aliaksei Kuncevič

Angular Expert

http://twitter.com/kuncevic
http://github.com/kuncevic
http://linkedin.com/in/kuncevic

v 1.1 (16/07/2019)

v 1.0 (11/06/2019)

Differential loading

{
    "compilerOptions": {
    "module": "esnext",
    "moduleResolution": "node",
    "target": "es2015",
  }
},

<script type="module" src="…"></script> // Modern JS
<script nomodule src="…"></script> // Legacy JS,

Lazy Loading config

Old

path: '/admin', loadChildren: './admin/admin.module#AdminModule'

new

path: `/admin`, loadChildren: () =>
    import(`./admin/admin.module`).then(m => m.AdminModule)

CLI Builder API

Builders are functions that implement the logic and behaviour for a task.

ng add @angular/fire 
 ng run my-app:deploy

https://github.com/mgechev/cli-builders-demo
https://angular.io/guide/cli-builder

CLI Builder API

Deploy to GitHub pages directly from the Angular CLI

ng add ngx-gh
              

ng run project:deploy --deployUrl [URL] --baseHref [HREF]

https://github.com/mgechev/ngx-gh

Experimental Ivy

"angularCompilerOptions": {
  "enableIvy": true
}

Experimental Bazel

npm -g i @angular/bazel 

									new bzl-app --collection=@angular/bazel 

									ng add @angular/bazel 

									ng serve / ng build --prod

Update command

ng update @angular/cli @angular/core 

                ng update --all --force

Fixup typescript

yarn add typescript@3.4.5 

                npm add typescript@3.4.5

Incompatible Peers

Package "ngx-auth-firebaseui" has an incompatible peer dependency to "firebase" (requires "^5.11.1", would install "6.1.1").

ng build

ng build / ng build --prod

Aliaksei Kuncevič

What is new in angular 8 and how to migrate

Angular 8 features

Differential loading

Lazy Loading config

Old

new

CLI Builder API

CLI Builder API

Migration Improvements

Experimental Ivy

Ivy Status

Experimental Bazel

Update to Angular 8

Deprecation Guide

Update to Angular 8

Update command

Update process

Update output

Fixup typescript

Incompatible Peers

ng build

Runtime Issues

Angular Elements

github

Elements at ngconf

demo

Links

NY

questions ?