Whatвђ™s New In Angular 11 Link

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.

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 What’s new in Angular 11

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 . You can now enable Hot Module Replacement (HMR)

Released on November 11, 2020, Angular 11 arrived with a heavy focus on the developer experience (DX), triaging a massive backlog of community requests and introducing significant performance optimizations. Key Performance & Tooling Updates This paves the way for persistent disk caching

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.

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.

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.