Whatвђ™s New In Angular 11 Direct

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

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. 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

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 .