What’s New in Angular 9 – Top Features and Ivy


Paving the way for Angular 10, the version 9 of Angular has been launched. The increasing demand and use of Angular in the world of development has forced Angular team to launch its new version with enhanced features and bug fixes. The prioritization of Angular by developers community across the world for front end development has made it go popular in such a short span of time. There is more to come to ease your job. So let’s start with understanding Angular, its versions and what’s new in Angular 9.

What is Angular?

Angular is a WebApp based framework and a development platform which is used for creating efficient and compelling single-page applications. Angular architecture rests on certain fundamental concepts that you as a developer must know.

Angular consists of several libraries, makes use of HTML and either Javascript or languages like Typescript that compiles to Javascript.

To write angular applications, you compose HTML templates with predefined angular markups, write component classes to manage those templates and add application logic in services and box these services and components in modules(NgModules). Once the application is written you launch it by bootstrapping the root module.

Angular Versions 

Angular has a long history of updating its versions to make it easy and of more value to developers. Starting from Angular JS, team angular came up with too many minor and major releases. In every new version of Angular, we witnessed some new and amazing features as well as better rendering. Evolving from Angular JS and going through a series of updates, the recent launch from Team Angular is called Angular version 9. Let’s dig a little deeper to know what new is there for you in Angular 9 and how you can make the most of the new features.

Angular 9 – What’s New for You ?

Angular 9 is a major release that has changed the entire angular platform including its framework, CLI and even Angular Material. It has improved the way of testing components and switched the application to Ivy compiler and run-time by default. This generates less code for each angular component and removes the parts of angular that are not being used via tree-shaking (dead-code elimination). This saves the size of both small and large apps in a drastic manner. In a nutshell, these big changes make your code smaller and faster. And we are in love with these new changes, are you? If not, we have more for you that will make you agree with us. Let’s check that:

Since Angular 9 uses Ivy, it increases the testing speed by 40-50%. And the reason is that in Ivy, unless a component has been overridden manually, the TestBed doesn’t recompile components between test units. So, recompilation between a large number of tests gets totally avoided.

Angular9 also provides a better debugging experience. It introduces a new ng object for debugging with which you can manually call methods and update states. It also gives you access to the instance of your directives, components or any other functions. You can also use applyChanges object to trigger change detection and see its results. The stack trace has also been improved in Angular9.

The binding of CSS classes and styles has also been improved. Unlike older versions you can easily predict the way styles are now merged. Along with these changes the type checking is also improved.

There are many more updates that are made in version 9 of Angular. The new Ivy compiler not only made the angular faster but it also made the error message list more easily readable.

The new architecture of Ivy has improved the compilers performance significantly. It not only improved build time but also enabled AOT (Ahead-of-Time) compiler by default.

Angular 9 and User Experience 

There is no rocket science behind why Angular team focused on making apps run faster and the codes go smaller. With every new version, Angular focused on improving app experience. The smart users of today are living in a fast moving era and staying with an app that kills there time goes directly into waste pile. With Angular 9 you give your app users a fast experience that they expect. The Ivy compiler is the magic thing that keeps code short by removing all the unneeded code to keep app smooth and speedy.

Wrapping Up 

We can say that Angular 9 is a revolution that gives us a lot to look forward to. On the top of previously mentioned features it not only provides reliable ng updates but also improves Internationalization which has been Angular’s core feature, by making it 10 times faster. The Ivy and ng are the most two of the many countless features that version 9 brings to you. The Angular Team has sown the seeds and now its time for developer to nurture it. Now we are all excited to know what will Angular 10 will bring.

Which feature of Angular 9 is your favorite? Let us know your favorite in the comments below!.

2 Thoughts on What’s New in Angular 9 – Top Features and Ivy
    Siva Vadlamurih
    19 April 2021, 6:41 am
    1:37pm

    Nice blog on Angular, It is very useful keep sharing

    Angular 9 Trainingh
    13 November 2020, 9:26 am
    1:37pm

    Pretty! This was a really wonderful post. Thank you for providing these details.