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 chapter, let's see some questions

 - **Why do I want to read this?**
   - Angular has incredible depth for those who know where to look. This chapter is a map to that depth.
- **What will I learn?**
   - How Angular's change detection works. How to write incredibly performant apps. How to manage state in a way that kills bugs before they happen.
- **What will I be able to do that I couldn’t do before?**
  - You'll be able to detect when things go sideways performance-wise and think about your application's state from a new perspective.

- **Where are we going next, and how does this fit in?**
  - This is your crowning achievement of the Angular section.





Angular is a powerful framework, with many knobs and levers to tweak, if you know where to look.  This chapter will act as your guide to all those hidden details you might otherwise miss.  

# Performance

The first major topic is **performance**.  Angular is a fast framework, but we can unintentionally create situations where pages drag to a halt, even on our shiny developer machines.  

You'll learn how to check for those performance issues and use Rx to work with the Angular framework to skip loads of unneeded operations.  

# State management in Angular
After that, you'll tackle one of the biggest challenges modern-day application developers face: state management.  While Angular itself doesn't have a state management framework, members of Angular's core team maintain the ngrx library for that purpose, which is considered the de facto solution.



Let’s learn about ngrx, a centralized state management system that sits on top of RxJS, as well as using clever RxJS tricks to track and optimize the performance of an Angular web application.

Building Performant Applications

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

Building Performant Applications