Angular 10: A Quick Look at What’s New

The article shows the new features and improvement in Angular 10 like default browser configuration, compiler update, Ngcc, Typescript 3.9 and how this release will help to build more stable and robust applications.

Angular 10, the latest iteration of the open-source web app framework, hit the market last month among much fanfare. And about the ‘fanfare’ for this version — well, it is because instead of putting out new features, Angular 10 brings with it much needed improvements. It is with developments in the overall ecosystem and most critical aspects, including the introduction of top-notch resources and tools.

What makes Angular 10 even more consequential is it follows quite soon after the arrival of Version 9, which arrived on the market in February this year. It was then followed by Angular 9.1 in April. Both, Angular 9 and Angular 9.1, together, brought with them essential updates, such as Ivy renderer, internalization, TypeScript 3.8 support, enhanced performance, and alleviation of lots of bugs. Hence, the standard of expectations from the next version was obviously higher, given that 9 and 9.1 marked the arrival of critical changes too. Now, on to the essential question: Does Angular 10 live up to the hype? Though the answer to that is subjective, we have listed some of its most salient features.

1. Default browser configuration: The update to browser configuration now allows new projects to perform better than older browsers that are also not used as frequently. This change extends to include a tangential effect: disabling ES5 builds for new projects. It is a default setting, but if you do not want that, all you have to do is add the browsers you wish to in the browser list RC file. It will enable both ES5 builds as well as differential loading.
2. Compiler update: One of the essential additions we get to see in Angular 10 is that of a compiler interface. It, in turn, bundles up the NGTSC compiler. Other notable new features you get to see in this context include Angular Language Service, NG-content selectors, dependency information, and name spans for property reads and method calls. Oh, and let’s not forget the exact cost span in the ExpressionBinding.
3. Typescript 3.9: With the addition of TypeScript 3.9, support also came support for TSLib and TSLint. Then there are also the general performance improvements associated with enhanced Angular builds. Additionally, programmers working with Angular 10 are now also able to make use of a substantially expanded TypeScript configuration.
4. NGCC: Thanks to this one, Angular 10 now gets a program-based entry point finder. What this does is a process just those entry points that can be accessed by a program defined under the purview of a tsconfig.json file. As a result, any process with several dependencies can be catalyzed.

Now that we have seen the many new features offered by the latest Angular 10 beta, it becomes clear that there is an immense scope that can be leveraged to build better apps. And if you want to put it to proper use as well, we recommend engaging the services of a reliable custom Angular application development company.

Passionate writer. Love to explore new topics...