How to use Angular without Zone.js (Zonless Angular Guide)

We are officially leaving Zone.js and entering the new future of Angular.

🎉 🎉 🎉

Angular signals kick-started a new era of web development with Angular.

By introducing a new form of change detection control with Angular signals the Angular developer team is slowly shifting us to a future of Angular without the zone.js dependency.

So today we’re going to talk about how to disable the zone.js dependency in the Angular framework.

And solely depend upon Angular signals or manual change detection to handle the change detection for our Angular web app.

Should I go zoneless with Angular?

Remember that zoneless Angular apps are still a beta thing. This isn’t for large-scale enterprise applications yet.

One of the largest disadvantages of going zoneless is that a lot of community libraries don’t work with zoneless, that is why it’s still marked as experimental.

Depending on the amount of external libraries that you use, it might be doable or not to use it at this stage.

First we have to upgrade to Angular 18