Course introduction

Application demo

RxJS History

Signals and RxJS

Application setup

Introduction

Fetching and Displaying Data

Async Pipe

Operators

Filtering Data Part 1

Filtering Data Part 2

Module 2

Infinite Scrolling

Higher Order Observables, SwitchMap operator

Codesandbox Embed Lesson

Replit Embed Lesson

Getting Oriented

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>.

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>.

( the summary is short - one or two lines )

Mastering RxJS: A Compact Journey from Beginner to Pro

In RxJS, higher-order observables are observables whose values are themselves observables. This means that instead of emitting simple values like numbers or strings, a higher-order observable emits entire observables.

For backend request cancellation to work properly, the backend must be configured to support it.

---
title: Higher Order Observables, SwitchMap operator
privateVideoUrl: https://stream.mux.com/5IhxclIxrJ1YT9JKb1VtWlMgUSqe9MNT00cpUwoCl00ZY.m3u8
isPublicLesson: false
---

In RxJS, higher-order observables are observables whose values are themselves observables. This means that instead of emitting simple values like numbers or strings, a higher-order observable emits entire observables.

## Key Takeaways

-   **Higher-Order Observables**: These observables emit other observables instead of simple values like numbers or strings, making them essential for handling complex async operations.
-   **SwitchMap Operator**: Automatically cancels previous emissions when a new value is emitted, ensuring that only the latest observable is processed.
-   **Built-In Cancellation**: `switchMap` is particularly useful in scenarios where only the latest request matters, such as search inputs or route-based data fetching.
-   **Avoid Unnecessary Requests**: Helps limit the number of requests sent to the backend by ensuring only the most recent one executes.