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, let's see some important questions.
- **Why do I want to read this?**
  - Forms are finicky and obtuse.  Angular & Rx make building user-friendly forms a breeze
- **What will I learn?**
  - How to implement user-friendly techniques like autocorrection &amp; suggestion
- **What will I be able to do that I couldn’t do before?**
  - Build forms that anticipate the user's needs and allow for large transformations
- **Where are we going next, and how does this fit in?**
  - This is a solid building block in your Angular knowledge - but it’s all frontend. In the next chapter, you’ll hook this up to a backend.



# Reactive forms
Initially defined in 1999, the `<form>` element has powered the web ever since. 

 Web forms started out as an obtuse collection of inputs that only validated when the user submitted the entire form, resetting everything if one detail was off.  

In the modern era, our users expect much more from forms.  Our forms need to load quickly, respond with inline validation, and save the user's state, so nothing is lost due to a connection hiccup or page refresh.  

Angular sprinkles RxJS liberally across its form tooling with the ReactiveForms module, bringing a decades-old element up to the cutting edge.

This chapter walks you through creating a set of forms for a pizza shop, showcasing the many features of reactive forms along the way.  




Let's see how RxJS turbocharges web frameworks and how to use reactive forms to simplify many of our woes around building web forms.

Reactive Forms

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

Reactive Forms