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


Does **Angular** have a state management framework?

Does Angular have a state management framework?



What types of performance measures are important when we talk about any frontend application?

What types of performance measures are important when we talk about any frontend application?

**Load performance** focuses on how quickly the application can respond to user input after it has loaded.

Load performance focuses on how quickly the application can respond to user input after it has loaded.

**Runtime performance** is concerned with how quickly the application can respond to user input after it has loaded.

Runtime performance is concerned with how quickly the application can respond to user input after it has loaded.


What does the Angular runtime performance tooling use?

What does the Angular runtime performance tooling use?

A zone is only active when the code inside it is executing.

Zones are a way to wrap asynchronous code into a single context.

Zones also allow us to write handlers that execute whenever the code contained within the zone begins or ends execution.

Zones are a way to wrap synchronous code into multiple contexts.




Please select all the correct statements below:

Please select all the correct statements below:



Angular stores the state in a tree model?



Angular stores the state in a tree model?

`onUnstable`, signals the start of change detection

`onStable`, signals the start of change detection. 

`onStable`, signals the end of change detection. 

`onUnstable`, signals the end of change detection.

`NgZone` provides two key observable streams: `onUnstable` and `onStable`.
What of the following statements holds true for them?

(You can select multiple correct answers)


<code>NgZone</code> provides two key observable streams: <code>onUnstable</code> and <code>onStable</code>.
What of the following statements holds true for them?
(You can select multiple correct answers)


How many parameters does a **reducer** take?

How many parameters does a reducer take?

<h4> <div style="margin-bottom: 10 px;
 padding: 2px 10px; background-color:#74C3E1;
 border-left: 14px solid #F0994B">
<div style="margin-bottom: 10 px;
 padding: 2px 10px; background-color:#f6f6f6;
 border-left: 14px solid #ED6B6B">
 Quiz </h4>

Test your knowledge of advanced 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: Advanced Angular

Quiz