Milena Suarez

@milena_suarezl

Welcome to angular 7

npm i -g @angular/cli

Updating to Angular 7

ng update @angular/cli @angular/core

What is the new Angular 7.0

October 18!

CLI Prompts

ng new or ng add @angular/material

CLI Prompts have been added to Schematics, so any package publishing Schematics can take advantage of them by adding an x-prompt key to a Schematics collection.

Bundle Budget Angular cli

the update remove reflect-metadata of polyfills.ts file in producction

"budgets": [{
  "type": "initial",
  "maximumWarning": "2mb",
  "maximumError": "5mb"
}]

You can configure the size in the angular.json

Allows you to do runtime reflection on types.

The native (non reflect-metadata) version of type inference is much poorer than reflect-metadataand consists only of typeof and instanceof.

Angular Material and CDK

Component Dev Kit (CDK)

Virtual Scrolling . <cdk-virtual-scroll-viewport>

- Drag and Drop

Dependency Updates

Typescript 3.1

Rxjs 6.3

Node 10 support

Partner launches

Angular Console — A downloadable console for starting and running Angular projects on your local machine
@angular/fire — AngularFire has a new home on npm, and has its first stable release for Angular
NativeScript — It’s now possible to have a single project that builds for both web and installed mobile with NativeScript
StackBlitz — StackBlitz 2.0 has been released and now includes the Angular Language Service, and more features like tabbed editing

Angular Elements

Angular Elements now supports content projection using web standards for custom elements.

<my-custom-element>This content can be projected!</my-custom-element>

Ivy

ng new myApp --experimentalIvy=true

Documentation update

ng new myApp --experimentalIvy=true

References

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c
https://medium.freecodecamp.org/whats-new-in-angular-7-0-and-how-to-upgrade-f2ed22a79e28
https://blog.angularindepth.com/angular-7-in-the-house-7bfaebb452f5
https://github.com/angular/angular/blob/master/CHANGELOG.md