Skip to main content
CF

RxJs 6 In Practice (with FREE E-Book)

4h 28m 50s
English
Paid

Are you a developer diving into the Angular ecosystem? Whether you're just getting started or already have some experience, you'll likely find RxJs to be one of the more challenging parts to master. RxJs and Reactive Programming have a steep learning curve, which means jumping into existing code isn't always effective. Instead, it's crucial to begin with foundational reactive design concepts.

This Course in a Nutshell

Note: This course includes the Typescript Jumpstart E-Book.

This course offers a complete practical guide to the RxJs library (Reactive Extensions for JavaScript). We start with foundational concepts and provide an extensive catalog of RxJs operators to cover most of your daily development needs. While we won't cover every operator, we focus on the most commonly used ones and offer practical examples for each. Additionally, this course demonstrates how to use RxJs for building programs with Reactive Design, rather than an imperative programming style.

Course Overview

We begin by introducing RxJs, covering fundamental concepts like Streams and Observables, and addressing key questions such as: What is RxJs? When and why should you use it? What problems does it solve?

Next, we'll create our own Observable from scratch, implementing an HTTP observable to manage backend requests with error handling and cancellation support. After this introduction, we'll delve into practical examples using a wide array of operators.

Operators and Practical Examples

Operators will be explained using official RxJs marble diagrams, along with practical examples. We'll begin with Map and Filter operators before moving to more complex ones like shareReplay, concat, and concatMap, as well as combination strategies like merge and mergeMap, exhaustMap, switch, and switchMap. We'll also provide examples that involve backend operations and search typeaheads.

Error Handling Strategies

Explore several RxJs error handling strategies, including catch and recover, catch and rethrow, and retry.

Understanding Subjects

We'll delve into subjects, presenting examples of common types like BehaviorSubject and AsyncSubject. We'll use subjects to implement a centralized observable store—a common reactive pattern—from first principles.

Additional Operators

Other operators covered include withLatestFrom, forkJoin, take, first, delay, delayWhen, startWith, and more. By the end, you'll be able to implement a custom pipeable operator, creating a debugging tool for better troubleshooting of RxJS programs.

What Will You Learn In this Course?

By the conclusion of this course, you'll be equipped to use the RxJs library effectively to build applications in a reactive style. You'll grasp core reactive programming concepts like Streams and Observables, and you'll gain familiarity with an extensive subset of operators necessary for application development.

Explore the free lessons below and enjoy your journey through the course!

Who this course is for:

  • Developers new to the RxJs library
  • Developers interested in learning Reactive Programming
  • Developers eager to build applications using a Reactive Design approach

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 41 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 41 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: RxJs In Practice Course Helicopter View
All Course Lessons (41)
#Lesson TitleDurationAccess
1
RxJs In Practice Course Helicopter View Demo
05:54
2
Environment Setup - Get the Lessons Code Up and Running
07:09
3
Understanding RxJs - What are Streams?
05:54
4
What is RxJs? What Problem Does it Solve?
03:32
5
What is an RxJs Observable? A Simple Explanation
07:34
6
3 Core RxJs Concepts - Errors, Completion and Subscriptions
06:01
7
Learn How Observables Work Under the Hood, Build Your Own HTTP Observable
12:08
8
What are RxJs Operators? Learn the Map Operator
07:25
9
Building Components with RxJs - Imperative Design
05:09
10
Building Components with RxJs - Reactive Design
07:29
11
Sharing HTTP Responses with the shareReplay Operator
06:09
12
Observable Concatenation - In-Depth Explanation
07:49
13
Form Draft Pre-Save Example and the RxJs Filter Operator
08:24
14
The RxJs concatMap Operator - In-Depth Explanation and Practical Example
07:48
15
Understanding the merge Observable combination Strategy
03:38
16
The RxJs mergeMap Operator - In-Depth Explanation
04:13
17
The RxJs exhaustMap Operator - In-Depth Explanation
07:55
18
Unsubscription In Detail - Implementing a Cancellable HTTP Observable
07:26
19
Setting Up the Course Component
04:32
20
Building a Search Typeahead - debounceTime and distinctUntilChanged Operators
07:28
21
Finishing the Search Typeahead - The switchMap Operator
11:27
22
RxJs Error Handling - The Catch and Replace Error Handling Strategy
07:40
23
The Catch and Rethrow RxJs Error Handling Strategy and the finalize Operator
09:19
24
The Retry RxJs Error Handling Strategy.screenflow
06:09
25
The startWith RxJs Operator - Simplifying the Course Component
02:51
26
RxJs Throttling vs Debouncing - Understand the Differences
07:16
27
Implementing a Custom RxJs Operator - the Debug Operator
06:30
28
The RxJs Debug Operator - Implementation Conclusion
07:32
29
The RxJs forkJoin Operator - In-Depth Explanation and Practical Example
04:14
30
Subjects and Stores - New Section Kickoff
02:22
31
What are RxJs Subjects? A Simple Explanation
07:21
32
BehaviorSubject In Detail - When to Use it and Why?
07:18
33
AsyncSubject and ReplaySubject - Learn the Differences
04:04
34
Store Service Design - What Subject to Use?
07:56
35
The Store Pattern - Loading Initial Data, Selector Methods, Consuming Data
06:47
36
BehaviorSubject Store - Example of a Data Modification Operation
11:21
37
Refactoring the Course Component for Using the Store
03:51
38
Forcing the Completion of Long Running Observables - First and Take Operators
06:36
39
The withLatestFrom RxJs Operator - Detailed Explanation
07:34
40
Other Courses
02:18
41
RxJs In Practice Course Conclusion and Key Takeaways
04:47
Unlock unlimited learning

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

Learn more about subscription

Related courses

Frequently asked questions

What prerequisites are needed for this course?
Prospective students should have a basic understanding of JavaScript and familiarity with the Angular framework. While not mandatory, some experience with TypeScript will be beneficial since the course includes the Typescript Jumpstart E-Book to help bridge any gaps in understanding.
What projects will I build during the course?
Throughout the course, you will build several components using RxJs. These include creating an HTTP observable for managing backend requests, building a search typeahead feature with debounceTime and distinctUntilChanged, and implementing a store service with BehaviorSubject for data modification operations. These projects are designed to provide hands-on experience with RxJs in real-world scenarios.
Who is the target audience for this course?
This course is tailored for developers working within the Angular ecosystem who encounter challenges with RxJs and Reactive Programming. It is suitable for both beginners who are just starting with RxJs and more experienced developers looking to solidify their understanding of reactive design concepts.
How does this course compare in depth and scope to other RxJs courses?
This course offers a practical guide to RxJs with a focus on the most commonly used operators and real-world examples. While it doesn't cover every possible operator, it provides a comprehensive understanding of how to implement reactive design concepts effectively, making it a balanced choice between depth and actionable knowledge.
What specific RxJs operators will I learn in this course?
You will learn about a variety of operators such as map, concatMap, mergeMap, exhaustMap, switchMap, shareReplay, debounceTime, distinctUntilChanged, catch, retry, startWith, and more. The course also dives into creating custom operators like the Debug Operator, providing a robust understanding of operator functionalities.
What topics are not covered in this course?
While the course provides a broad overview of RxJs and its applications in reactive programming, it does not cover every RxJs operator in existence. The focus is on the most commonly used operators and practical examples rather than an exhaustive list of operators.
How much time should I expect to commit to this course?
The course consists of 41 lessons, each designed to be concise and focused. While the total runtime is unspecified, you can expect to spend additional time on hands-on coding exercises and reviewing the provided e-book material. Allocating several hours a week should allow you to progress steadily through the course content.