Wat is een observable?

Observable is een entiteit die een stroom van gegevens of gebeurtenissen voorstelt, die asynchroon kan zijn. Observeerbare bronnen kunnen waarden uitzenden gedurende een bepaalde periode, en abonnees (Subscribers of Observers) kunnen reageren op deze waarden naarmate ze verschijnen.

Belangrijke concepten:

• Observable (Observeerbare bron): Gegevens- of gebeurtenisbron.
• Observer (Waarnemer): Object met methoden om te reageren op gebeurtenissen van de Observable (next, error, complete).
  • next: Ontvangen van de volgende waarde.
  • error: Er treedt een fout op.
  • complete: Het gegevensstroom eindigt.
• Subscription (Abonnement): Verbinding tussen de Observable en de Observer. Het wordt aangemaakt door de methode subscribe op een Observable aan te roepen. Hiermee kan de Observer waarden ontvangen en de levenscyclus van het abonnement beheren (bijvoorbeeld, afmelden om geheugenlekken te voorkomen).
• Operators (Operatoren): Functies om stromen van Observables te transformeren, te combineren en te beheren. Voorbeelden: map, filter, mergeMap, debounceTime.

In tegenstelling tot Promises kunnen Observables meerdere waarden uitzenden over de tijd, wat datastromen voorstelt in plaats van een enkel asynchroon evenement.

Voorbeeld van gebruik in RxJS (een populaire bibliotheek voor reactieve programmeren):

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

// Creëer een Observable uit een array
const source = new Observable(observer => {
  observer.next(1);
  observer.next(2);
  observer.next(3);
  observer.complete(); // Eindigt de stroom
});

// Abonneren en gebruik maken van de operator
const subscription = source.pipe(
  map(value => value * 2) // De map-operator verdubbelt elke waarde
).subscribe({
  next: value => console.log(value), // Ontvangt de waarden: 2, 4, 6
  error: err => console.error(err), // Foutafhandeling
  complete: () => console.log('Complete!') // Eindigt
});

Belangrijkste voordelen:

• Reactieve programmering: handig beheer van asynchrone datastromen.
• Componibiliteit: mogelijkheid om stromen eenvoudig te combineren en te transformeren met operators.
• Beheer van de levenscyclus: het abonnement maakt het mogelijk om expliciet het ontvangen van gegevens te beheren en geheugenlekken te voorkomen.