angular-zoneless

What problem does it solve?

This Skill helps developers migrate and operate Angular applications without zone.js by enabling zoneless change detection, promoting signals-based reactivity, and providing patterns to handle DOM rendering and async flows outside the Angular zone.

Core Features & Use Cases

• Zoneless Change Detection: Guidance for enabling provideZonelessChangeDetection and configuring ApplicationConfig to run without zone.js.
• Signals & Reactivity: Best practices for using signal(), computed(), untracked reads, and integrating reactive streams in zoneless apps.
• Rendering Helpers: Use afterNextRender and afterRender for DOM operations performed outside the zone.
• Testing & Polyfills: How to test components in zoneless mode and safely remove zone.js from polyfills.
• Manual Change Detection: When and how to use ChangeDetectorRef.markForCheck and manual updates in OnPush components.

Quick Start

Add provideZonelessChangeDetection to your application providers and adopt signals for state and afterNextRender for DOM updates to run the app without zone.js.