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

`ajax` is a helper constructor in RxJS that performs an AJAX request and returns a:



<code>ajax</code> is a helper constructor in RxJS that performs an AJAX request and returns a:

A total of three parameters can be passed into the subscribe function. Which of these parameters are optional?

```JS  
.subscribe(
  function next(val) { /* A new value has arrived */ },
  function error(err) { /* An error occured */ },
  function done() { /* The observable is done */ }
);
```

A total of three parameters can be passed into the subscribe function. Which of these parameters are optional?
<pre><code class="language-JS">.subscribe(
 function next(val) { /* A new value has arrived */ },
 function error(err) { /* An error occured */ },
 function done() { /* The observable is done */ }
);
</code></pre>


What will be the output of the following code?

```JS
throwError(new Error('Augh!'))
.subscribe({
  next: () => console.log('next is called'),
  error: err => console.error('error is called', err)
});
```



What will be the output of the following code?
<pre><code class="language-JS">throwError(new Error('Augh!'))
.subscribe({
 next: () =&gt; console.log('next is called'),
 error: err =&gt; console.error('error is called', err)
});
</code></pre>

Which operator is particularly helpful when refactoring an old, promise-based architecture to use observables:

Which operator is particularly helpful when refactoring an old, promise-based architecture to use observables:

 What is the return value of a `merge` constructor?

What is the return value of a <code>merge</code> constructor?

`scan` is an impatient `reduce`. Instead of politely waiting for the original stream to complete, scan blurts out the latest result on every event.


<code>scan</code> is an impatient <code>reduce</code>. Instead of politely waiting for the original stream to complete, scan blurts out the latest result on every event.

How many parameters does the `scan` operator take in:


How many parameters does the <code>scan</code> operator take in:

The `merge` constructor and operator include an optional parameter as the final argument, that limits the number of observables that `merge` can subscribe to.

The <code>merge</code> constructor and operator include an optional parameter as the final argument, that limits the number of observables that <code>merge</code> can subscribe to.

Quiz

Quiz

Test your knowledge of the concepts related to managing asynchronous events 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: Managing Asynchronous Events