Što je Observer pattern?

Question

Accepted Answer

**Observer** pattern definiše **one-to-many zavisnost** gdje se više objekata (observers) automatski obavijesti kada se drugi objekat (subject) promijeni. Omogućava decoupled, event-driven komunikaciju — široko korišten u UI-ima, event sistemima i reaktivnom programiranju.

## Što Observer pattern radi

```text
OBSERVER → a SUBJECT maintains a list of OBSERVERS and NOTIFIES them on state changes:
  → observers SUBSCRIBE to the subject
  → when the subject changes → it notifies ALL subscribed observers automatically
  → observers react to the notification (update themselves)
→ one-to-many: one subject, many observers; DECOUPLED (subject doesn't know observer details)
```

## Primjer

```js
class Subject {
  observers = [];
  subscribe(obs) { this.observers.push(obs); }
  notify(data) { this.observers.forEach(obs => obs.update(data)); }  // notify all
}
// observers implement update(); they subscribe and get notified on changes
subject.subscribe({ update: (data) => console.log('notified:', data) });
subject.notify('state changed');   // all observers are called
```

## Gdje se koristi (vrlo često)

```text
✓ UI EVENTS → event listeners (click handlers) are observers of UI events
✓ REACTIVE programming / state management → components observe state changes (re-render)
✓ PUB/SUB and event systems → subscribers react to published events
✓ MVC → views observe the model; notifications (e.g. RxJS, signals, event emitters)
→ one of the most widely-used patterns (event-driven systems everywhere)
```

## Zašto je važno

Razumijevanje Observer patterna je vrijedna stvar jer je to **jedan od najčešće korišćenih patterna**, što čini osnovu event-driven i reaktivnih sistema posvuda, pa je to važno, široko primjenjivo design znanje.

Observer pattern — one-to-many zavisnost gdje subject automatski obavijesti svoje observers kada se njegov state promijeni — omogućava **decoupled, event-driven komunikaciju**, što je fundamentalno za kako moderan softver radi.

Razumijevanje mehanizma (observers se pretplaćuju na subject, subject obavijesti sve njih na promijene, observers reagiraju — sa subjectom decoupled od observer detalja) je temeljno znanje.

Najvažnije, razumijevanje **gdje se koristi** otkriva njegovu rasprostranjenost: **UI events** (event listeneri i click handleri su observers), **reaktivno programiranje i state management** (komponente promatraju state promijene da se re-rendiraju — centralno za frameworke kao React), **pub/sub i event sistemi** (subscribers reagiraju na events), i MVC (views promatraju modele), plus reaktivne biblioteke (RxJS, signali, event emitteri).

Prepoznavanje da Observer pattern stoji iza ovih sveprisutnih mehanizama čini ga jedan od najpraktičnije važnih patterna za razumijevanje, jer su event-driven i reaktivno programiranje posvuda u modernom softveru (UI-ovi, state management, event sistemi).

Razumijevanje ga pomaže vam prepoznati i razmišljati o ovim patternima kroz kod sa kojim radite.

Jer je Observer pattern jedan od najčešće korišćenih patterna (koji stoji iza UI events, reaktivnog programiranja, state managementa, i pub/sub — rasprostranjena u modernom softveru) i omogućava decoupled, event-driven komunikaciju centralnu za kako većina softvera radi, i jer razumijevanje ga pomaže vam prepoznati i koristiti ove sveprisutne mehanizme, razumijevanje Observer patterna je vrijedna, široko primjenjiva design znanja — jedan od najvažnijih i najčešće korišćenih patterna, koji stoji iza event-driven i reaktivnih sistema rasprostranjena u modernom softveru, i esencijalna za razumijevanje kako UI-ovi, state management, i event sistemi rade.