Angular 10 new features and key notes
Angular 10.0.0 has been release on 24-June-2020 with the beta version. This release cover the Framework changes, Angular Material and CLI changes.
Following are the key features has been added:
- New Date Range Picker
- Optional Stricter Settings
- TypeScript v3.9 Support
- New Default Browser Configuration
- Other Deprecations & Removals
New Date Range Picker
Angular Material is now including the new date range picker. You can use mat-date-range-input and mat-date-range-picker components to use this feature.
<mat-form-field> <mat-label>Enter a date range</mat-label> <mat-date-range-input [rangePicker]="picker"> <input matStartDate matInput placeholder="Start date"> <input matEndDate matInput placeholder="End date"> </mat-date-range-input> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-date-range-picker #picker></mat-date-range-picker> </mat-form-field>
Optional Stricter Setting:
This option will be use while we create new workspace using the following syntax
Ng new –strict
This option enables the settings such as Improve maintainability, permit CLI to perform the advanced optimization of your app.
TypeScript v3.9 Support
Angular 10 will support the TypeScript version 3.9 also with TSLib and TSLint too. What is new in TypeScript 3.9 you can find more by click here https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-9.html
New Default Browser Configuration
Angular 10 updated the browser configuration for new projects to exclude older and less used browsers. This has the side effect of disabling ES5 builds by default for new projects. To enable ES5 builds and differential loading for browsers that require it (such as IE or UC Browser), now you only need to add the browsers you need to support in the .browserslistrc file.
Other Deprecations & Removals
- 1. This version no longer includes ESM5 or FESM5 bundles, which saves 119MB of download and install time while running yarn or npm install for Angular packages and libraries
- 2. Support for IE9, IE10, and IE Mobile has been deprecated and will be dropped later.
How to update to version 10
In order to update the Angular 10 use below command.
ng update @angular/cli @angular/core
More details about update you can click here https://update.angular.io/