DEV Community

Cover image for Angular 10 is now available!🌟

Posted on

Angular 10 is now available!🌟

Finally,the wait is over.The Angular 10 is available now.So what's new in Angular 10 and what are the updates in it. let's get started.

Angular 10 is smaller than previous versions of Angular. New capabilities include a new date range picker in the Angular Material UI component library and warnings for CommonJS imports. CommonJS import warnings alert developers when a dependency packaged with CommonJS could result in larger, slower applications, allowing developers to substitute an ECMAScript module bundle.

How to update?

To update your current Angular install, you can run this command:

ng update @angular/cli @angular/core

or you can find the release in github here!

Key Features in Angular 10:

⭐️ New Date Range Picker

Angular Material includes this.
Data picker

To use this in your code,you can use this following components-


⭐️ Optional Stricter Settings

In Angular 10,you can have more strict settings while using ng new

ng new --strict

The strict flag does the following things:
-Enables strict mode in TypeScript
-Turns template type checking to Strict
-Default bundle budgets have been reduced by ~75%
and some more...

⭐️ Keeping Up to Date with the Ecosystem

A few updates to the dependencies of Angular to stay synchronized with the JavaScript ecosystem.
*TypeScript bumped to TypeScript 3.9
*TSLib has been updated to v2.0
*TSLint has been updated to v6

⭐️ New Default Browser Configuration

Updated the browser configuration for new projects to exclude older and less used browsers.

v9 default browser list-
Alt Text

v10 default browser list-
Alt Text

⭐️ Deprecations and Removals
⭐️ Angular Team Fixit

and fixed several issues that raised in Angular v9.

You can find more info in github and in Angular official page.

Thanks for reading!! 😀

Top comments (0)