Kaj je Zone.js in kaj pomeni "brez conastosti" Angular?

Question

Accepted Answer

**Zone.js** je knjižnica, ki jo je Angular zgodovinsko uporabljal, da **ve, kdaj zagnati zaznavanje sprememb**. Popravlja asinkrone API-je brskalnika, da Angular samodejno zazna kateri koli dogodek, ki bi lahko spremenil stanje. **Brez conastosti** Angular odstranjuje to odvisnost in se namesto tega opira na signale in eksplicitna obvestila.

## Kaj počne Zone.js

```text
Zone.js monkey-patches async APIs: setTimeout, addEventListener, Promise,
XHR/fetch, etc. When any of them fires, Zone.js notifies Angular →
Angular runs change detection automatically.
```

To je "čarolija" za Angularjevimi samodejnimi posodobitvami: spremeniš lastnost po HTTP-odzivу ali kliku in predstava se pravkar posodobi — ker je Zone.js Angularji povedal, da se je asinkrini dogodek zaključil.

```ts
// you write this, and the view updates automatically — thanks to Zone.js:
setTimeout(() => { this.message = "Updated"; }, 1000); // Zone.js triggers CD
```

## Slabosti Zone.js

```text
✗ Overhead — patches everything, and triggers CD broadly (checks the whole tree)
✗ ~100KB added to the bundle
✗ Imprecise — runs change detection even when nothing relevant changed
✗ Can be confusing with third-party code that runs outside Angular's zone
```

Ker Zone.js ne more povedati *kaj* se je spremenilo, sproži polno potovanje zaznave sprememb pri mnogih dogodkih — neučinkovito za velike aplikacije.

## Brez conastosti Angular (na podlagi signalov)

```ts
bootstrapApplication(AppComponent, {
  providers: [provideZonelessChangeDetection()], // no Zone.js
});
```

V načinu brez conastosti se Angular ne opira na popravljene asinkrone API-je. Namesto tega se zaznavanje sprememb sproži **eksplicitno** — predvsem s **signali** (ki Angularjem natančno obvestijo, kdaj se njihova vrednost spremeni), plus `async` cev, dogodki in `markForCheck()`.

```ts
count = signal(0);
increment() { this.count.set(this.count() + 1); } // the signal tells Angular what changed → fine-grained update
```

## Prednosti odpravljanja conastosti

```text
✓ Smaller bundle (drop ~100KB Zone.js)
✓ Better performance — fine-grained, precise updates (only what depends on changed signals)
✓ Cleaner integration with non-Angular code
✓ Simpler debugging (no zone-related stack noise)
```

## Zakaj je to pomembno

Zone.js pojasnjuje dolgoletnо "samodejno" zaznavanje sprememb Angularja — in njegovi stroški (velikost paketa, široko/neprecizno preverjanje).

Prehod na **brez conastosti**, pogonjen s **signali**, je velika sprememba arhitekture: naredi posodobitve natančne in eksplicitne, zmanjšuje paket in izboljšuje delovanje.

Razumevanje obojega — zakaj je obstajal Zone.js in kaj ga zamenja — postaja vedno bolj pomembno, saj se Angular smeruje k signalom na osnovi, brez conastosti kot privzeti.