Reviewing the new tool with a sample application

Hello everyone!

In this article, I’m going to talk with you about the tool called Angular DevTools which was released for the first time with Angular 12. This is the tool that allows you to debug your Angular application better to see the structure of your application.

It can remind you of the Augury extension which you might use. But Augury does not support the Ivy renderer. Angular DevTools supports it, and it works from Angular 9 and above.

Let’s get started!

Firstly I would like to share my basic Angular application inventory with you. I will also use this application to explain the dev tools. You can also use and review the application. I used  NgRx and  Angular Material schematics.

list of items in example inventory

#angular #javascript #technology #programming

New in Angular 12: A First Look at Angular DevTools
1.75 GEEK