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

Before starting this, let's answer some questions:

   
- **Why do I want to read this?**
  
  Dealing with async is one of the hardest problems on the frontend.

- **What will I learn?**
    
  How to use RxJS to keep all of your async logic together.
- **What will I be able to do that I couldn’t do before?**

  Centralize async logic and move state into the RxJS library.
- **Where are we going next, and how does this fit in?**

  In the next chapter, we'll see how the techniques learned in this chapter can
     prevent irritating race conditions.
   



  <markdown>



# Managing asynchronous events

If you're anything like me, at some point you've played a video game.  And if you've played a video game, you've been frustrated at how long it takes things to load.  

A long time ago, I waited patiently for a game to load on our 56k connection, not realizing that something had failed and the loading bar's status would be stuck at 99% for all eternity.  Many years later, I'm getting my revenge by griping about it in a programming course.  Right, back on topic.

At this point in your RxJS journey, you may feel like that old Wendy's commercial: _"Sure, Pig Latin was fun, but where's the beef?"_  This is the beef chapter you've been waiting for. 

 You'll dive into asynchronous programming on top of RxJS and never look at an AJAX call the same way again.  So much of frontend coding is tied up in handling multiple AJAX calls around the internet.





Now we will finally face the big dragon of asynchronicity. Let's dive right in, with the introduction of the project that we are going to build.

Dragon of Asynchronicity

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

Dragon of Asynchronicity