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



This was your first look into how RxJS can be integrated into a larger framework.  You learned about how RxJS can be used to pass AJAX calls around in an application, as well as to hook into the router of a single-page app.  Angular services powered by RxJS can allow your application to query and update information without using up lots of extraneous resources.

There's more to learn about how RxJS turbocharges web frameworks.  In the next chapter, you'll learn about using reactive forms to simplify many of your woes around building web forms.
# Challenges 
<hz points="-.1">If you want to dig further into the Angular world, you can add a few more <if-inline target="pdf" hyphenate="yes">features</if-inline> to this project. 

- First, check out the <ic>`[routerLinkActive]`</ic> directive to make it clearer to the user which page they're on.  This directive lets you add a class to a link element if the current page is the one the element links to.  

- Some more features to stretch your newfound Angular skills are to: create a universal error handler for all observables, show in the UI when a photo in the results page has already been saved, and add the ability to remove an already saved photo.</hz>
  </markdown>
</chapter>


Congratulations on making it to the end of the chapter. Let's take a quick look at what we learned in this chapter.

What We learned

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

What We learned