RxJS Kartičky

Sponzor kategorie

RxJS (Reactive Extensions for JavaScript) je výkonná knihovna pro reaktivní programování, původně vytvořená Microsoftem a nyní vyvíjená open-source komunitou. Je to klíčový nástroj v ekosystému JavaScriptu, navržený pro zpracování asynchronních operací a datových toků. RxJS se vyznačuje bohatou sadou operátorů a flexibilitou, umožňující efektivní správu jak jednoduchých, tak složitých datových toků v aplikacích. Tato knihovna nabízí pokročilé koncepty jako Observable, Operators a Schedulers, poskytující vývojářům nástroje pro vytváření responzivních, efektivních a udržovatelných aplikací. RxJS také podporuje integraci s různými JavaScriptovými frameworky a je pravidelně aktualizována novými funkcemi a vylepšeními, zachovávající konzistenci s reaktivními koncepty a umožňující vývoj škálovatelných, událostmi řízených aplikací v prostředí prohlížeče a Node.js.

Naše aplikace s kartičkami obsahuje pečlivě vybrané otázky k pohovoru pro RxJS s komplexními odpověďmi, které vás efektivně připraví na jakýkoliv pohovor vyžadující znalost RxJS. IT Kartičky nejsou jen nástrojem pro uchazeče o zaměstnání - jsou skvělým způsobem, jak si upevnit a otestovat své znalosti, bez ohledu na vaše aktuální kariérní plány. Pravidelné používání aplikace vám pomůže držet krok s nejnovějšími trendy v RxJS a udržet vaše dovednosti na vysoké úrovni.

Ukázkové RxJS kartičky z naší aplikace

Stáhněte si naši aplikaci z App Store nebo Google Play a získejte více zdarma fishek nebo se přihlaste k odběru pro přístup ke všem fishek.

Co je RxJS?

Reactive Extensions pro JavaScript, také známé jako RxJS, je programovací knihovna používaná pro reaktivní programování v JavaScriptu. RxJS implementuje vzor návrhu Observer a umožňuje složité asynchronní operace a obsluhu zpětných volání pomocí poskytování proudů událostí.

RxJS poskytuje datové struktury nazývané Observable, které v praxi představují proudy informací, které lze "sledovat". Observer se může na tyto proudy přihlásit a reagovat na informace, které z nich proudí.

Hlavním cílem knihovny RxJS je pomoci při správě asynchronních operací a událostí v aplikacích. Umožňuje transparentní správu datových proudů, čímž zjednodušuje práci s kódem, který je často matoucí při použití obyčejných zpětných volání nebo slibů.

RxJS se často používá ve spojení s dalšími knihovnami nebo front-endovými frameworky, jako je Angular nebo React. Jeho popularita je také dána podporou mnoha operátorů, které umožňují filtrování, třídění, modifikaci a mnoho dalších operací s datovými proudy.

Jaký je rozdíl mezi Observable a Promise?

Pozorovatelný a Slib jsou dvě různé metody reprezentace asynchronních operací v JavaScriptu.

Slib je objekt, který v budoucnosti vrátí jedinou hodnotu. V době vytváření objektu Slib je operace již spuštěna a nelze ji zastavit. Slib může být v jednom ze tří stavů: nevyřízený, splněný nebo zamítnutý.

let promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise completed');
  }, 2000);
});

promise.then(result => console.log(result)); 
// Po 2 sekundách se v konzoli zobrazí 'Promise completed'

Na druhé straně Pozorovatelný z RxJS může vrátit několik hodnot, nebo dokonce nekonečné množství, kdykoli. Přihlášení k odběru Pozorovatelného spustí operaci, kterou lze zastavit pomocí metody unsubscribe().

let observable = new Observable(observer => {
  setTimeout(() => {
    observer.next('First callback');
    setTimeout(() => {
      observer.next('Second callback');
      observer.complete();
    }, 2000);
  }, 2000);
});

let subscription = observable.subscribe(result => console.log(result)); 
// Po 2 sekundách se v konzoli zobrazí 'First callback'
// Po dalších 2 sekundách se v konzoli zobrazí 'Second callback'
// Kdykoli můžete pozorování zastavit pomocí 'subscription.unsubscribe();'

Závěrem, jedním z hlavních rozdílů mezi Pozorovatelným a Slibem je, že Pozorovatelný je 'líný', což znamená, že objekt Pozorovatelný nevykoná operaci, dokud k němu není přihlášen odběr, zatímco Slib spustí operace ihned po svém vytvoření. Dalším důležitým rozdílem je možnost zrušit pozorování Pozorovatelného, což u Slibu není možné.

Uveďte několik základních operátorů v RxJS.

RxJS nabízí mnoho užitečných operátorů, které umožňují modifikaci datových proudů, reakci na změny atd. Zde jsou některé z nich:

1. map() - transformuje data přicházející z pozorovaného proudu.

2. filter() - umožňuje filtrovat data z pozorovatelného podle konkrétního kritéria.

3. tap() - slouží k vyvolání vedlejších efektů.

4. take() a first() - načtou konkrétní počet hodnot z pozorovaného proudu.

5. debounceTime() a throttleTime() - umožňují omezit počet hodnot vysílaných v určitém časovém rámcu, což je užitečné například při reakci na pohyb myši nebo psaní do textového pole.

6. catchError() - umožňuje zacházení s výjimkami vyvolanými pozorovaným zdrojem.

7. switchMap() a mergeMap() - umožňují mapovat každou vysílanou hodnotu na pozorovatelné, které poté mohou být sloučeny s proudy.

8. combineLatest() - umožňuje kombinovat proudy z různých zdrojů.

9. of() a from() - tito operátoři umožňují vytváření pozorovatelných z různých typů dat, např. pole, sliby, iterovatelné atd.

To jsou jen základní operátory, ale RxJS nabízí mnoho dalších možností. Každý operátor má své specifika a je užitečný v různých scénářích.

Jaké typy Subject znáte v RxJS?

V knihovně RxJs máme k dispozici čtyři typy Předmětů:

1. Plain Subject - Toto je základní typ předmětu. Vysílá hodnotu pozorovatelům pouze v době vysílání a později. Dříve vysílané hodnoty nejsou dostupné pro nové předplatitele.

let subject = new Subject();
subject.next(1); // Nebude přijato žádnými pozorovateli
subject.subscribe((value) => console.log(value)); // Přihlásí se k budoucím vysílání
subject.next(2); // Vytiskne '2'

2. Behavior Subject - Ukládá poslední vysílanou hodnotu a dodává ji novým předplatitelům okamžitě po předplatném. Musí být inicializován počáteční hodnotou.

let subject = new BehaviorSubject(1); // Inicializován hodnotou '1'
subject.subscribe((value) => console.log(value)); // Ihned po předplatném vytiskne '1'
subject.next(2); // Vytiskne '2'

3. Replay Subject - Můžete určit, kolik posledních hodnot by měl ukládat a dodávat pozorovatelům. Ukládá informace o čase, takže můžeme přistupovat k konkrétním datům, například z minuty předtím.

let subject = new ReplaySubject(2); // Uloží poslední 2 hodnoty
subject.next(1);
subject.next(2);
subject.next(3);
subject.subscribe((value) => console.log(value)); // Vytiskne '2', '3'

4. Async Subject - Poslední hodnotu vysílá pouze když je Předmět dokončen.

let subject = new AsyncSubject(); // Vysílá pouze poslední hodnotu a to pouze po dokončení
subject.next(1);
subject.next(2);
subject.subscribe((value) => console.log(value)); // Zatím nic nevytiskne
subject.next(3);
subject.complete(); // Protože operace je dokončena, vysílá poslední hodnotu. Vytiskne '3'