Angular - RxJS

Szerző: Sallai András
Copyright © Sallai András, 2023
Licenc: CC Attribution-Share Alike 4.0 International
Web: https://szit.hu

Az RxJS könyvtár

A reaktív programozás során adatfolyamokkal és változások terjedésével foglalkozunk.

Az RxJS a Reactive Extensions for JavaScript rövidítése. Az RxJS egy programozói könyvtár a reaktív programozáshoz. A könyvtár megkönnyíti az aszinkron és visszahívás alapú kód összeállítását.

Az RxJS lehetővé teszi az Observable típus megvalósítását.

Az Observable típust megjelenítését várjuk a ECMAScript szabványban is. A szabványba kerülés után a böngésző gyártók beépíthetik a böngészőbe a támogatást. Ezek után nem lesz szükség az RxJS könyvtárra.

Az RxJS használható Angular nélkül is. Tisztán JavaScriptben használat leírása a következő helyen található:

JavaScript RxJS

Lehetőségek

Az aszinkron műveletek megfigyelhetővé konvertálhatók
Az adatfolyam értékei iterálhatók
Értékek rendelése típusokhoz
Az adatfolyamok szűrése
Több adatfolyam összeállítása

Megfigyelő létrehozó függvények

Megfigyelők hozhatók létre Promise, időzítő vagy eseményekből.

import { from, Observable } from 'rxjs';
 
// Primise-ból Observable készítése
const data = from(fetch('/api/endpoint'));
 
// Feliratkozás a válaszra:
data.subscribe({
  next(response) { console.log(response); },
  error(err) { console.error('Hiba: ' + err); },
  complete() { console.log('Kész'); }
});

Forrás

https://angular.io/guide/rx-library (2023)