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

A good _form input_ should clearly show what sort of format is recommended.


A good form input should clearly show what sort of format is recommended.

`FormControl` is _not_ the root building block of all reactive forms in Angular. 

<code>FormControl</code> is not the root building block of all reactive forms in Angular.




What does a _validation rule_/_validator function_ return when there’s no error? 

What does a validation rule/validator function return when there’s no error?

Which directive can we use to bind a reactive form to the `<form>` tag?

Which directive can we use to bind a reactive form to the <code>&lt;form&gt;</code> tag?



What does `FormGroup` take as an input parameter?

What does <code>FormGroup</code> take as an input parameter?


The keys of the object that a `FormGroup` takes as a parameter corresponds to the name of the form elements?

The keys of the object that a <code>FormGroup</code> takes as a parameter corresponds to the name of the form elements?

What will happen if we introduce an element that is not bound to a property on the reactive form that is bound to the `<form>` tag?



```HTML
<form [formGroup]="registrationForm">
</form>
```

What will happen if we introduce an element that is not bound to a property on the reactive form that is bound to the <code>&lt;form&gt;</code> tag?
<pre><code class="language-HTML">&lt;form [formGroup]=&quot;registrationForm&quot;&gt;
&lt;/form&gt;
</code></pre>



Which service is called when Angular needs to route to a given page?

Which service is called when Angular needs to route to a given page?

Each form element is manually assigned a property

Each form element is managed independently

Template forms and AngularJS use the same concepts regarding the form elements.



What is true about the form elements in _Template Forms_?

What is true about the form elements in Template Forms?

 Quiz 

Quiz

Test your knowledge of building reactive forms 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: Building Reactive Forms in Angular