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

The _____  parameter tells **ng** to also add in observable-powered routing for this single-page app.



The _____ parameter tells ng to also add in observable-powered routing for this single-page app.

`HttpClient` 
assumes that a response will be ________  saving tedious time writing out.

<code>HttpClient</code>
assumes that a response will be ________ saving tedious time writing out.

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

`BehaviorSubject` records the values of the arbitrary number of events.

Is this statement True or False?
<code>BehaviorSubject</code> records the values of the arbitrary number of events.

`async` pipe treats observables as __________ data.

<code>async</code> pipe treats observables as __________ data.

__________ around an event name is Angular’s syntax for “Run this code when this event happens.”

__________ around an event name is Angular’s syntax for “Run this code when this event happens.”

Does a user browsing to `/edit/15436` still end up on a page controlled by the `EditPhotoComponent` or not?

```JS
const routes: Routes = [{
  path: '',
  component: ResultsListComponent
}, {
  path: 'savedphotos',
  component: SavedListComponent
}, {
  path: 'edit/:photoId',
  component: EditPhotoComponent
}];
```


Does a user browsing to <code>/edit/15436</code> still end up on a page controlled by the <code>EditPhotoComponent</code> or not?
<pre><code class="language-JS">const routes: Routes = [{
 path: '',
 component: ResultsListComponent
}, {
 path: 'savedphotos',
 component: SavedListComponent
}, {
 path: 'edit/:photoId',
 component: EditPhotoComponent
}];
</code></pre>

Which directive is used to link multiple components in the Angular application?

Which directive is used to link multiple components in the Angular application?

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

The square brackets around the src attribute tell Angular to take whatever value is passed in (in this case, the URL of the photo) and set it as the `src` attribute:

```HTML
<img class="photo-detail img-rounded" [src]="photo.url">
```

Is this statement True or False?
The square brackets around the src attribute tell Angular to take whatever value is passed in (in this case, the URL of the photo) and set it as the <code>src</code> attribute:
<pre><code class="language-HTML">&lt;img class=&quot;photo-detail img-rounded&quot; [src]=&quot;photo.url&quot;&gt;
</code></pre>

__________ is a tool that exposes any AJAX requests made in the application for modification.

__________ is a tool that exposes any AJAX requests made in the application for modification.

____ operator allows us to handle the error as an observable stream, optionally retrying after a check to ensure the status code is in a certain(e.g. 500) class.

____ operator allows us to handle the error as an observable stream, optionally retrying after a check to ensure the status code is in a certain(e.g. 500) class.


 Quiz

Quiz

Test your knowledge of using HTTP in Angular 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: Using HTTP in Angular