[[oktatas:web:angular|< Angular]]

====== Angular - RxJS ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|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. 

<note>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.
</note>

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

<note tip>
[[oktatas:web:javascript:rxjs|JavaScript RxJS]]
</note>

===== 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.

<code javascript>
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'); }
});
</code>

===== Forrás =====
  * https://angular.io/guide/rx-library (2023)