Angular 10 new features

 

1. Ivy Improvements: Ivy is the new rendering engine for Angular, and with each release, it's being improved to provide better performance and smaller bundle sizes.
2. TypeScript 3.9 Support: Angular 10 comes with support for TypeScript 3.9, which means you can take advantage of the latest TypeScript features.
3. New Date Range Picker: Angular 10 introduced a new date range picker that allows users to select date ranges easily.
4. Improved ESLint and TSLint Support: The Angular team has been working on improving the tooling support, including better integration with ESLint and deprecating TSLint.
5. Angular Language Service Improvements: The Angular Language Service received various updates, including better completions and improved support for Angular Ivy.
6. Differential Loading by Default: Differential loading was enabled by default in Angular 10. This means that the Angular CLI will generate separate bundles for modern and legacy browsers, improving loading times for newer browsers.
7. Default Browser Configuration: Angular 10 introduced a new "browserlist" configuration file, which allows you to specify the browsers you want to support and generate optimized bundles accordingly.
8. Router Scroll Position Restoration: You can now control the behavior of scrolling when navigating between routes.
9. Lazy Loading with Named Outlets: Lazy loading modules now support named outlets, allowing for more fine-grained control over lazy-loaded components.
10. Improved ngModule Scanning: The compiler's ngModule scanning was enhanced to provide better diagnostics and faster compilation times.
11. Async Locking Timeout: The Async Locking Timeout feature in Angular 10 , its configuration may include assistance in the ngcc.config.js file, we can  adjust the retry delays and retry attempts in the AsyncLocker