Google has released Angular 11

Google has delivered adaptation 11 of Angular, its famous Single Page Application structure. The delivery centers around improving the engineer insight and settling the cleanup of the issue tracker. 

Following the huge changes made in Angular 9 with the arrival of Ivy, the Angular advancement group decided to commit the accompanying deliveries to address a significant number of the bugs and worries that were raised by the network. 

As a feature of this cycle, the group began to figure out the overabundance of issues to all the more likely comprehend the network needs just as to fix a significant number of the bugs that have been gathering throughout the long term. 

After almost a half year of work, this objective has at last been accomplished. The GitHub issue tracker has been coordinated and a critical number of bugs have either been fixed or incidentally triaged awaiting additional examination. Moreover, the Angular advancement submitted that going ahead, all new issues announced in GitHub will be triaged inside about fourteen days. On the designer experience front, Angular 11 offers a few upgrades that expect to streamline the improvement cycle.

Hot Module Replacement implementation has been improved and can now be initialized using the --hmr flag.

ng serve --hmr 

With HMR, the Angular application needn't bother with a full page revive at whatever point the code changes. All things considered, the most recent changes to the code, style, and layouts will be refreshed straightforwardly while saving the present status of the application. 

The fabricate cycle itself has likewise picked up a speed help both from moving up to TypeScript 4.0 and through improving the ngcc update measure. 

For shockingly better outcomes, engineers would now be able to pick in to the exploratory Webpack 5 help which offers quicker forms with tenacious plate storing and more modest group sizes utilizing improved tree-shaking. If you are preparing for Angular 11 job interviews then you might want to check Angular interviews.

To enable Webpack5 support, simply add the following property to the package.json file: "resolutions": 

{"webpack": "5.4.0"}

At long last, the Angular language administration, a famous extra that offers autocomplete, type checking, and so forth in Angular formats is being changed to the new Ivy motor, offering improved help for conventional kinds. The extra is accessible in the majority of the well known code editors as a module.

To upgrade existing projects to Angular 11, run the following command:

ng update @angular/cli @angular/core