Whatвђ™s: New In Angular 11

Developers can opt-in to Webpack 5 experimental support by adding a "resolutions" field in package.json . This paves the way for persistent disk caching and smaller bundle sizes via improved tree-shaking. Improved Developer Workflow

The Angular team completed a massive "triage" effort, addressing every open issue in their core repositories and committing to a two-week turnaround for all future reports. What’s new in Angular 11

To speed up the First Contentful Paint (FCP) , the Angular CLI now automatically downloads and inlines fonts used in your application during the build process. Developers can opt-in to Webpack 5 experimental support

A preview of the new Ivy-native language service allows for more accurate type checking and generic type inference directly inside templates. Breaking Changes & Deprecations Angular 11 Features: Breaking Changes and New Deprecations To speed up the First Contentful Paint (FCP)

You can now enable Hot Module Replacement (HMR) simply by running ng serve --hmr . This allows you to update code and styles instantly without a full browser refresh, preserving the application state.

Build cycles are now up to 4x faster thanks to optimizations in the Angular Compatibility Compiler ( ngcc ) and the official move to TypeScript 4.0 .

Initially introduced for Material, harnesses are now available for all components . New APIs like the parallel function and manualChangeDetection provide finer control over asynchronous testing.