What’s New in Angular 11? Key Features and Upgrade Guide

Angular 11.0.0 was officially released after the Singles' Day holiday, bringing a host of updates to the framework, CLI and related components.

Major changes include dropping support for TypeScript 3.9 in favor of TypeScript 4.0, and ending support for IE 9, 10 and IE Mobile (IE 11 remains the only supported version).

Other notable updates are:

Operation Byelog : community issues are categorized and addressed within two weeks, with improvements to router and forms handling.

Automatic Font Inlining : the Angular CLI now downloads fonts at build time and bundles them into the application for faster load.

Component Test Harnesses : all components can now be tested via the new API, with performance improvements and parallel interaction support.

Improved Reporting and Logging : builder‑stage reports and CLI output have been refined for clearer diagnostics.

Updated Language Service Preview : a more powerful and accurate language service replaces the view‑engine‑based version.

Hot Module Replacement (HMR) support: run $ ng serve --hmr to enable live updates of components, templates and styles during development.

Faster Builds : TypeScript 4.0 speeds up compilation and the ngcc migration is 2–4× faster.

Experimental Webpack 5 support : add the following to package.json to try it:

"resolutions": { "webpack": "5.4.0" }

Note that this feature should be used cautiously.

Linting migration : TSLint and Codelyzer are deprecated; ESLint becomes the default linting tool.

Other updates : removal of several deprecated APIs.

To upgrade to Angular 11 run:

ng update @angular/cli @angular/core

For full details see the official Angular site or the CHANGELOG on GitHub.