Gain insights into building reactive websites with RxJS. Delve into mastering observables and managing events efficiently to create fast, responsive applications while reducing bugs.

c.tar.gz

stopWatch2

codewidgetJobDetach

dcrx

stopWatch2-tmux

codewidgetJobDetach-copy

rx-photos-ng

Angular

rx-photos-ng-initial

rx-angular-pizza

rx-angular-perf

rx-angular-bad-perf

rx-angular-good-perf

rx-angular-pizza-copy

stopWatch2-tmux-serv2

fightergame

The list of requirements for frontend work keeps increasing. Websites that load quickly on shaky connections, render perfectly on mobile devices, and respond with lightning speed to user input are expected. All of these tasks require dealing with a high number of events from disparate sources, be it your Customer Relationship Management (CRM), late-breaking news, or just a chat room.

Observables is a new way of thinking about managing these events, even when they may occur sometime in the future.

In this course, you’ll learn how to delegate both the calls and control flow to RxJS, allowing you to focus on the rest of your application.

RxJS compartmentalizes eventing flows, encapsulating each action in a single function, providing many helper operators that keep an internal state, allowing you to outsource your state worries to the library.

By the end of this course, you will be able to build bigger, faster, and less-buggy applications for your users.

Build Reactive Websites with RxJS: Master Observables and Wrangle

`switchMap` is used to handle race conditions

Switches to the new request but doesn't discard the previous request.

`switchMap` is not used to handle the race conditions.

Which of the following statements holds true for `switchMap`?

(You can select multiple  correct answers.)

Which of the following statements holds true for <code>switchMap</code>?
(You can select multiple correct answers.)

There comes a time when several events fire in a row, and we don’t want to do something on every event, but rather when the events stop firing for a specified period.

A function set up in this way is known as a **debounced function**.

Is this statement **True** or **False**?

There comes a time when several events fire in a row, and we don’t want to do something on every event, but rather when the events stop firing for a specified period.
A function set up in this way is known as a debounced function.
Is this statement True or False?

What is the output of the following code?
```
let f = debounce( (num) => console.log('debounced!  Arg:', num) );
// Call synchronously
f(1);
f(2);
f(3);
```

What is the output of the following code?
<pre><code>let f = debounce( (num) =&gt; console.log('debounced! Arg:', num) );
// Call synchronously
f(1);
f(2);
f(3);
</code></pre>

After it allows a value through, it won’t allow a new value, until a preset amount of time has passed. All other values are thrown away.

What is the name of this operator?

After it allows a value through, it won’t allow a new value, until a preset amount of time has passed. All other values are thrown away.
What is the name of this operator?

`debounceTime` operator waits until there’s a preset amount of time gap between events and then emits the most recent event, ignoring the rest.

<code>debounceTime</code> operator waits until there’s a preset amount of time gap between events and then emits the most recent event, ignoring the rest.

`distinctUntilChanged` is used for skipping irrelevant requests and keeps track of the last three values to be passed along.

<code>distinctUntilChanged</code> is used for skipping irrelevant requests and keeps track of the last three values to be passed along.

Which parameter of the `catchError` is used to handle errors without entering the error state?

Which parameter of the <code>catchError</code> is used to handle errors without entering the error state?


 Quiz

Quiz

Test your knowledge of the concepts related to advanced async in Rx by completing this quiz.

Course Introduction

Creating Observables

Manipulating Streams

Managing Asynchronous Events

Advanced Async

Multiplexing Observables

Using HTTP in Angular

Building Reactive Forms in Angular

Advanced Angular

Reactive Game Development

Quiz: Advanced Async