RxJS Beyond the Basics: Operators in Depth

Name: RxJS Beyond the Basics: Operators in Depth
Price: 12.75 USD
Availability: InStock

1h 30m 9s

English

Paid

November 21, 2023

RxJS operators help you work with events, data streams, and async tasks. In this course, you learn what operators are and how to use them in real code. You also see clear examples that show when to pick each operator.

What Operators Do

Operators change, filter, or combine streams. You use them to shape data as it moves. This keeps your code clear and easy to trace.

Why They Matter

Operators help you avoid nested callbacks. They also keep async steps in one flow.

Main Types of Operators

Creation Operators

These start new streams. You use them to create values, events, or timers.

of creates a stream from set values.
from turns a promise, array, or iterable into a stream.
interval emits values on a fixed schedule.

Transformation Operators

These change each value in a stream.

map changes each value.
mergeMap handles async work and flattens results.
switchMap switches to a new stream and drops old ones.

Filtering Operators

These pick which values pass through.

filter keeps values that match a rule.
take stops after a set number of values.
debounceTime waits before it sends a value.

Combination Operators

These join two or more streams.

merge joins streams in any order.
concat runs streams one after another.
combineLatest pairs the newest values from each stream.

How to Practice

Start with small examples. Change one operator at a time and watch the output. This helps you see how each step shapes the data.

Use Visual Tools

You can use tools like marble diagrams. They show how values move over time. This makes stream behavior easier to follow.

What You Will Build

You work through real tasks you see in apps. These tasks include search boxes, live updates, and async calls. Each task shows which operator fits the job.

About the Author: egghead.io

egghead.io is a US-based subscription video platform focused on short, focused screencasts on JavaScript ecosystem topics. Founded in 2012 by John Lindquist (a Google Developer Expert) and run by Joel Hooks, egghead pioneered the short-screencast format that most modern developer-education platforms now use — courses are typically broken into 2-5 minute lessons that each cover one specific concept or API.

The instructor roster includes many of the most cited names in the JavaScript ecosystem — Kent C. Dodds (whose Testing JavaScript launched on egghead before EpicWeb.dev), Andrew Del Prete, Hannah Davis, Lukas Ruebbelke, Tomasz Łakomy, Andy Van Slaars, and many others. Course material covers React, Next.js, TypeScript, Node.js, GraphQL, Vue, the testing tracks, RxJS / observables, and a long list of smaller libraries and tools.

The CourseFlix listing under this source carries over 20 egghead courses spanning that range. Material is paid; egghead itself runs on a monthly / annual subscription on the original platform. The bite-sized format suits developers learning incrementally during work hours rather than committing to multi-hour video sessions.

Watch Online 22 lessons

0:00

#1: Understand RxJS Operators

All Course Lessons (22)

#	Lesson Title	Duration
1	Understand RxJS Operators Demo	05:39
2	Use Marble Diagrams to Understand RxJS Operators	04:30
3	Use RxJS mapTo and map to Transform Values Emitted by Observables	03:35
4	Inspect the Behavior of Operators with RxJS do	04:26
5	Filter Events Based on a Predicate with RxJS filter	02:07
6	Filter Events with RxJS Operators take, first, and skip	02:52
7	Filter Events with RxJS Operators takeLast and last	03:11
8	Prepend/Append Data with RxJS Operators concat and startWith	06:23
9	Merge Values in Parallel with RxJS Operator merge	03:58
10	Join Values from Multiple Observables with RxJS combineLatest	04:22
11	Control the Output of Values with RxJS Operator withLatestFrom	04:03
12	Combine Values with RxJS Operator zip	05:11
13	Combine Values of One Observable with RxJS scan	05:22
14	Group Consecutive Values Together with RxJS Operator buffer	05:18
15	Delay the Emission of Values from an RxJS Observable	04:23
16	Drop and Delay Observable Emissions with RxJS debounce	05:22
17	Limit the Rate of Emissions from Observables with throttle in RxJS	02:49
18	Filter Redundant Observable Emissions with RxJS distinct	04:35
19	Handle Errors with RxJS catch	05:25
20	Resubscribe to an Observable on Error with RxJS retry	04:02
21	Repeat the Execution of an Observable with RxJS repeat	01:29
22	More operators and conclusion	01:07

Unlock unlimited learning

Get instant access to all 21 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

22 lessons · 1h 30m 9s

Show all 22 lessons

1 Understand RxJS Operators 05:39
2 Use Marble Diagrams to Understand RxJS Operators 04:30
3 Use RxJS mapTo and map to Transform Values Emitted by Observables 03:35
4 Inspect the Behavior of Operators with RxJS do 04:26
5 Filter Events Based on a Predicate with RxJS filter 02:07
6 Filter Events with RxJS Operators take, first, and skip 02:52
7 Filter Events with RxJS Operators takeLast and last 03:11
8 Prepend/Append Data with RxJS Operators concat and startWith 06:23
9 Merge Values in Parallel with RxJS Operator merge 03:58
10 Join Values from Multiple Observables with RxJS combineLatest 04:22
11 Control the Output of Values with RxJS Operator withLatestFrom 04:03
12 Combine Values with RxJS Operator zip 05:11
13 Combine Values of One Observable with RxJS scan 05:22
14 Group Consecutive Values Together with RxJS Operator buffer 05:18
15 Delay the Emission of Values from an RxJS Observable 04:23
16 Drop and Delay Observable Emissions with RxJS debounce 05:22
17 Limit the Rate of Emissions from Observables with throttle in RxJS 02:49
18 Filter Redundant Observable Emissions with RxJS distinct 04:35
19 Handle Errors with RxJS catch 05:25
20 Resubscribe to an Observable on Error with RxJS retry 04:02
21 Repeat the Execution of an Observable with RxJS repeat 01:29
22 More operators and conclusion 01:07

Related courses

Reactive Angular Course (with RxJs)
Sources: Udemy
This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach
5 hours 33 minutes 49 seconds 5 / 5
RxJs 6 In Practice (with FREE E-Book)
Sources: Udemy
If you are a developer just getting started with the Angular ecosystem, or even if you already have some experience with it, the part that you will find the har
4 hours 28 minutes 50 seconds

Frequently asked questions

What is RxJS Beyond the Basics: Operators in Depth about?

RxJS operators help you work with events, data streams, and async tasks. In this course, you learn what operators are and how to use them in real code. You also see clear examples that show when to pick each operator. What Operators Do…

Who teaches RxJS Beyond the Basics: Operators in Depth?

RxJS Beyond the Basics: Operators in Depth is taught by egghead.io. You can find more courses by this instructor on the corresponding source page.

How long is RxJS Beyond the Basics: Operators in Depth?

RxJS Beyond the Basics: Operators in Depth contains 22 lessons with a total runtime of 1 hour 30 minutes. All lessons are available to watch online at your own pace.

Is RxJS Beyond the Basics: Operators in Depth free to watch?

RxJS Beyond the Basics: Operators in Depth is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.

Where can I watch RxJS Beyond the Basics: Operators in Depth online?

RxJS Beyond the Basics: Operators in Depth is available to watch online on CourseFlix at https://courseflix.net/course/rxjs-beyond-the-basics-operators-in-depth. The page hosts every lesson with the integrated video player; no download is required.