angular-zoneless

To run an Angular app without zone.js, add provideZonelessChangeDetection to your application providers and remove zone.js from polyfills. You then adopt signals and afterNextRender to manage reactivity and DOM updates.

The best way to handle change detection in zoneless Angular is using signal(), computed(), and untracked reads. For specific DOM operations outside the zone, use afterNextRender and afterRender helpers.

To test Angular components in zoneless mode, configure your test environment without zone.js polyfills. Use signals for state management and apply ChangeDetectorRef.markForCheck for manual updates in OnPush components.

Use ChangeDetectorRef.markForCheck for manual updates in zoneless apps when working with OnPush components and untracked reads. This ensures the UI reflects state changes that signals and computed patterns do not automatically track.

Yes, you can use afterNextRender and afterRender for DOM operations performed outside the Angular zone. These rendering helpers provide specific guidance for safely updating the DOM in zoneless applications.