Angular 10 New Features

Version 10 of Angular has been released two days back(Jun 25th), The latest version to be smaller than previous versions of Angular.

Angular 10 New Features

In Angular Version 10 having below listed features.

1. New Date Range Picker:

Angular Material comes with a brand new date range picker for the datepicker component.

For more information, please visit the official website: https://material.angular.io/components/datepicker/overview#date-range-selection

2. Deprecating support for IE 9, 10 and IE Mobile

Support for IE 9 and 10 has been deprecated, as well as support for IE Mobile. These will be dropped in a future version. Supporting outdated browsers like these increases bundle size, code complexity, and test load

Please refer to the official site above for details: https://angular.io/guide/deprecations#ie-9-10-and-ie-mobile-support

3. Keeping Up to Date with the Ecosystem

TSLib updated to version 2, TypeScript to 3.9 and TSLint to v6

A new file tsconfig.base.json is introduced and inside the root tsconfig.json before is carried to this new file. further details please visit https://angular.io/guide/typescript-configuration#configuration-files

Angular Package Format no longer includes ESM5 or FESM5 bundles, saving download and install time when running yarn or npm install for Angular packages and libraries, further details please visit https://angular.io/guide/deprecations#esm5-and-fesm5-code-formats-in-angular-npm-packages

4. Optional Stricter Settings

Version 10 offers a more strict project setup when you create a new workspace with ng new

ng new --strict

Specifically, the strict the flag does the following:

• Enables strict the mode in TypeScript, as well as other strictness flags recommended by the TypeScript team. Specifically, forceConsistentCasingInFileNames, noImplicitReturns, noFallthroughCasesInSwitch.
• Turns on strict Angular compiler flags strictTemplates and strictInjectionParameters
• Bundle size budgets have been reduced by ~75%
• Turns on no-any tslint rule to prevent declarations of type any
• Marks your application as side-effect free to enable more advanced tree-shaking
• Further details please visit https://angular.io/guide/strict-mode

5. New Default Browser Configuration

They have Updated the browser configuration for new projects to exclude older and less used browsers. Further details please visit https://angular.io/guide/build#configuring-browser-compatibility

Credits:

https://blog.angular.io/version-10-of-angular-now-available-78960babd41

https://github.com/angular/angular/blob/master/CHANGELOG.md