RxJs 6 In Practice (with FREE E-Book)
4.5 (2,081 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,004 students enrolled

RxJs 6 In Practice (with FREE E-Book)

Learn numerous RxJs Operators, learn all RxJs and Reactive Programming core concepts via Practical Examples
4.5 (2,081 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,004 students enrolled
Last updated 6/2020
English [Auto-generated]
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 5 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Code in Github repository with downloadable ZIP files per section
  • Learn the RxJs library via Practical Examples
  • Become familiar with an extended subset of RxJs Operators
  • Understand in detail the core notions of Reactive Programming
  • Learn how to design and build Applications in Reactive style
Course content
Expand all 46 lectures 04:33:50
+ Introduction to RxJs
9 lectures 51:47
Recommended Software Versions
The Typescript Jumpstart Ebook
What is an RxJs Observable? A Simple Explanation
3 Core RxJs Concepts - Errors, Completion and Subscriptions
Learn How Observables Work Under the Hood, Build Your Own HTTP Observable
+ Essential RxJs Operators + Reactive Design
15 lectures 01:36:54
Building Components with RxJs - Imperative Design
Building Components with RxJs - Reactive Design
Sharing HTTP Responses with the shareReplay Operator
RxJs Higher-Order Mapping Operators PDF
Observable Concatenation - In-Depth Explanation
Form Draft Pre-Save Example and the RxJs Filter Operator
Understanding the merge Observable combination Strategy
The RxJs mergeMap Operator - In-Depth Explanation
The RxJs exhaustMap Operator - In-Depth Explanation
Unsubscription In Detail - Implementing a Cancellable HTTP Observable
Setting Up the Course Component
Building a Search Typeahead - debounceTime and distinctUntilChanged Operators
Finishing the Search Typeahead - The switchMap Operator
+ RxJs Error Handling
6 lectures 33:25
RxJs Error Handling - PDF Guide
The Catch and Rethrow RxJs Error Handling Strategy and the finalize Operator
The Retry RxJs Error Handling Strategy.screenflow
The startWith RxJs Operator - Simplifying the Course Component
RxJs Throttling vs Debouncing - Understand the Differences
+ Building a RxJs Custom Operator
3 lectures 18:13
Implementing a Custom RxJs Operator - the Debug Operator
The RxJs Debug Operator - Implementation Conclusion
The RxJs forkJoin Operator - In-Depth Explanation and Practical Example
+ RxJs Subjects and the Store Pattern
10 lectures 01:05:00
Subjects and Stores - New Section Kickoff
BehaviorSubject In Detail - When to Use it and Why?
AsyncSubject and ReplaySubject - Learn the Differences
Store Service Design - What Subject to Use?
The Store Pattern - Loading Initial Data, Selector Methods, Consuming Data
BehaviorSubject Store - Example of a Data Modification Operation
Refactoring the Course Component for Using the Store
Forcing the Completion of Long Running Observables - First and Take Operators
The withLatestFrom RxJs Operator - Detailed Explanation
+ Conclusion
3 lectures 08:30
Other Courses
Bonus Lecture
RxJs In Practice Course Conclusion and Key Takeaways
  • Just a bit of Javascript
  • No previous knowledge of Typescript or Angular is needed
  • No previous knowledge of RxJs is needed, we will start from scratch

This Course in a Nutshell  (note: this course includes the Typescript Jumpstart E-Book)

This course is a complete practical guide for the RxJs library (Reactive Extensions for Javascript).

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 hardest to wrap your head around is RxJs.

And this is because RxJs and Reactive Programming have a steep learning curve that makes it hard to just jump in into an existing program and learn these concepts by example. With RxJs that approach will simply not work. Instead, we need to start at the beginning and learn some baseline reactive design concepts first.

In this course, we will start by presenting a couple of baseline concepts, and then we will provide you with an extended catalog of RxJs operators that will in practice cover the vast majority of your daily needs.

Also, the goal here is not to cover every single operator, but instead to choose an extended subset that contains the most commonly used operators, and provide practical examples for each.

Another goal of the course is to show how RxJs is meant to be used for building programs using Reactive Design as opposed to an imperative programming style.

Course Overview

We will start by quickly introducing RxJs: we will cover the notions of Stream and Observable, and we will answer common questions such as: what is RxJs, when to use it and why, what problem does it solve?

We will then write our own Observable from first principles: we will implement our own HTTP observable that will allow us to handle backend HTTP requests while supporting error handling and cancellation.

After this quick introduction, we will dive straight into the practical examples covering a large variety of operators. We will cover the operators by explaining their behavior using the official RxJs marble diagrams, and then we will complement that with a practical example.

We will first start with the Map and Filter operators, and quickly move to more complex operators such as shareReplay, concat, concatMap, and other commonly used observable combination strategies such as: merge and mergeMap, exhaustMap, switch and switchMap. We will provide practical examples for these operators that include backend save operations and search typeaheads.

We will then cover several RxJs error handling strategies, like catch and recover, catch and rethrow or retry.

We will also cover the notion of subject and give examples of several commonly used subjects, such as BehaviorSubject or AsyncSubject. We will then use a subject to implement a very commonly used reactive pattern: we will implement a centralized observable store from first principles.

We will also cover many other commonly used operators, that include but are not restricted to: withLatestFrom, forkJoin, take, first, delay, delayWhen, startWith, etc.

At the end of the course, we will implement our own custom pipeable operator from first principles: we will implement a debugging operator that is going to be very helpful for debugging our RxJS programs.

What Will You Learn In this Course?

By taking this course you will learn how to use the RxJs library in practice for building applications in reactive style. You will understand well the core notions that are the basis of reactive programming, such as Streams and Observables.

You will also be familiar with an extended subset of operators that in practice will provide all that you will need for building applications in reactive style using RxJs.

Have a look at the course free lessons below, and please enjoy the course!

Who this course is for:
  • Developers trying to make sense of the RxJs library
  • Developers looking to learn Reactive Programming
  • Developers trying to understand how to build Applications in a Reactive Design style