You are here: Blog / Angular 10 new features and key notes

  • 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-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-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-date-range-picker #picker></mat-date-range-picker>

    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

    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