Skip to main content

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
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

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