What's New in Angular 11

Angular Version 11.0.0 was released in November 2020. Angular 11 major release provides updates across the platform, including the CLI and components framework.

Angular Version 11 Significant Features Include:

  • Faster Builds with TypeScript 4.0
  • Component Test Harnesses
  • ESLint Updates
  • Updated Language Service Preview
  • Updated Hot Module Replacement (HMR) Support
  • Improved Reportings and Logging
  • Automatic Font Inlining

Faster Builds

Angular uses TypeScript 4.0 and get even faster with processes like the ngcc updates. Angular 11 is now up to four times faster than previous versions.

Component Test Harnesses

Allow tests to interact with components using support APIs with more test suites that can be built, unlike Angular 9. Performance improvements, new APIs, parallel function, and disabling auto change detections make testing easier. With async actions inside the test, you can run multiple async interactions within your component in parallel. You can also have better detection control with manual changes by disabling the auto change detections inside your unit test.

ESLint Updates

Angular has always implemented linting with TSLint as a default, but the TSLint is now deprecated creators, and recommend migrating to ESLint. Angular 11 the new default Angular implementation for linting and offers a three-step method to migrate from TSLint to ESLint.

Updated Language Service Preview

Provides code editors with a way to get completions, errors, hints, and navigation inside Angular templates. Provides the ability to infer generic types inside your templates the same as a TypeScript compiler.

Angular 11 - Inferring the iterable type of string

Updated Hot Module Replacement (HMR) Support

The hot module replacement is a mechanism that allows modules to be replaced. Angular 11 has updated the CLI to enable HMR from the start so you can run ng serve.

ng serve --hmr

A confirmation message indicates when the HMR is active. HMR is only available for the development server. See your latest changes to your components, templates, and style instantaneously update as you run the app without the page refresh.

Improved Reportings and Logging

Modifications have been made on the CLI to make logs and reports easy to read. Reporting is done on the builder phase during development.

Angular 11 CLI Output Formatting

Automatic Font Inlining

Your app's first contentful paint is set up with automatic inlining and makes your apps even faster. When you run ng serve, Angular download the inline fonts used or linked to your project, providing even faster load times. This update is out of the box with Angular 11.

Upgrade to Angular 11

You can find the Angular 11 release on GitHub.

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

ng update @angular/cli @angular/core

As always, Wijmo supports Angular 11 and has been since the very beginning with Angular 1 (AngularJS). We are committed to providing Angular developers a powerful toolset for building enterprise-grade applications.

Start using Angular 11 applications with Wijmo today.

Wijmo's controls support all versions of Angular

Download the latest version of Wijmo

Download Now!

Empower your development. Build better applications.

Try GrapeCity's Tools for JavaScript and .NET

Download Now!