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
Angular 7!
By Milena Suarez
