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.
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
TSLint and Codelyzer have been officially deprecated . Angular now recommends migrating to the community-driven angular-eslint stack. 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.
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. You can now enable Hot Module Replacement (HMR)
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.
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 Key Performance & Tooling Updates TSLint and Codelyzer
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