Angular - What's New?

---

---

Angular community has continuously updating its version. This chapter explains about Angular 9 version updates.

Install Angular 9

If you want to work with Angular 9, first you need to setup Angular 9 CLI using the below command:

npm install -g @angular/cli@^9.0.0 

After executing this command, you can check the version using the below command:

ng version 

Angular 9 Updates

Lets understand Angular 9 updates in brief.

Ivy compiler

Ivy compiler becomes the default compiler in Angular 9. This makes apps will be faster and very efficient. Whereas, Angular 8 Ivy is optional. We have to enable it inside tsconfig.json file.

Ivy compiler supports the following features:

• Performs faster testing: TestBed implementation helps to test more efficient.

• Improved CSS class and styles: Ivy styles are easily merged and designed as predictable.

• Improved type checking: This feature helps to find the errors earlier in development process.

• Enhanced debugging: Ivy comes with more tools to enable better debugging features. This will be helpful to show useful stack trace so that we can easily jump to the instruction.

• Ahead-of-Time compiler: This is one of the important improvements in compilers performance. AOT builds are very faster.

• Improved internationalization: i18n substitutions helps to build more than ten times faster than previous versions.

Reliable ng update

ng updates are very reliable. It contains clear progress updates and runs all of the migrations. This can be done using the below command:

ng update --create-commits

Here,

create-commits flag is used to commit your code after each migration.

Improved Dependency Injection

@Injectable service helps to add injector in your application. providedIn meta data provides new option, platform to ensure the object can be used and shared by all application. It is defined below:

@Injectable({
   providedIn: 'platform'
}) 
class MyService {...} 

TypeScript 3.8

Angular 9 is designed to support 3.8 version. TypeScript 3.8 brings support for the below features:

• Type-Only Imports and Exports.
• ECMAScript Private Fields.
• Top-Level await.
• JSDoc Property Modifiers.
• export * as ns Syntax.

Angular 9.0.0-next.5

Angular 9.0.0-next.5 build has small size of main.js file, which makes better performance compare to previous version of Angular 8.

IDE enhancement

Angular 9 provides improves IDE supports. TextMate grammar enables for syntax highlighting in inline and external templates.

Conclusion

Angular is flexible, ever improving, continuously updated and dependable framework. Angular greatly simplify the process of SPA development. By providing new features in each release like Angular Universal, Progressive Web App, Web workers, Bazel build, Ivy Compiler, etc., Angular will have a long life and complete support of the front end developer.