Angular 18 Released: Finally You Can Remove Zone.js

Tom Smykowski
3 min readMay 23, 2024

You can experiment with removing zone.js, visit new website, check out the new zoneless Material 3 component library and enjoy other exciting features

1. Check If You Can Ditch Zone.js

In that version you can check zoneless change detection. The team was working for a long time to make this happen, and eventually zone.js will be dropped. Instead more fine tuned change detection mechanism is used based on signals.

As a result, it will be easier to handle reactivity, and also the overall DX experience will be better. With faster rebuilds and rendering. But also the end users will be delighted with the smaller bundle size and faster load speed.

But it’s not a default. To have it enabled you have to add a provider to your application:

bootstrapApplication(App, {
providers: [
provideExperimentalZonelessChangeDetection()
]
});

Plus, you have to remove zone.js from polyfills in angular.json by removing this line:

"polyfills": ["zone.js"],

You can learn about signals here.

2. Improve Performance With Disabling Event…

--

--

Tom Smykowski

Software Engineer & Tech Editor. Top 2% on StackOverflow, 3mil views on Quora. Won Shattered Pixel Dungeon.