Learning Rxjs The Right Way

Step by Step guide to understanding the Rxjs Library

What you'll learn

Rxjs Basics

Rxjs Subjects

Rxjs Operators

Rxjs Subscription

Understanding Rxjs in more depth

Creational, Join, Transformational Operators

Error Handling in Rxjs

Requirements

Knowledge of Javascript is important

Description

RxJS is a library for composing asynchronous and event-based programs by using observable sequences. It provides one core type, the Observable, satellite types (Observer, Schedulers, Subjects) and operators inspired by Array#extras (map, filter, reduce, every, etc) to allow handling asynchronous events as collections.Think of RxJS as Lodash for events.ReactiveX combines the Observer pattern with the Iterator pattern and functional programming with collections to fill the need for an ideal way of managing sequences of events.The essential concepts in RxJS which solve async event management are:Observable: represents the idea of an invokable collection of future values or events.Observer: is a collection of callbacks that knows how to listen to values delivered by the Observable.Subscription: represents the execution of an Observable, is primarily useful for cancelling the execution.Operators: are pure functions that enable a functional programming style of dealing with collections with operations like map, filter, concat, reduce, etc.Subject: is the equivalent to an EventEmitter, and the only way of multicasting a value or event to multiple Observers.Schedulers: are centralized dispatchers to control concurrency, allowing us to coordinate when computation happens on e.g. setTimeout or requestAnimationFrame or others.Conceptually promises are a subset of observables. Promise is a value that will resolve asynchronously. Most typical example is http requests. Observables deal with sequence of asynchronous events. These events could be mouse positions, clicks, user input etc. So one could say observables are richer and more complex abstraction for handling asynchronicity.So, calling observables as promises + helper methods is an oversimplification. The answer to your question depends on whether you need to deal with sequence of events or if you can live with "simple" synchronicity.

Overview

Section 1: Rxjs Basics

Lecture 1 Rxjs Overview

Lecture 2 Rxjs setup on Local Machine

Lecture 3 Observables

Lecture 4 Observers

Section 2: Creational Operators

Lecture 5 What are Operators

Lecture 6 $ajax Operator

Lecture 7 bindCallback

Lecture 8 RxJs Empty, FromEvent, and Interval

Lecture 9 range operator

Lecture 10 throwError

Section 3: Join Creation Operators

Lecture 11 Concat

Lecture 12 ForkJoin

Lecture 13 Merge and mapTo

Lecture 14 Partition

Lecture 15 race

Section 4: Transformation Operators

Lecture 16 buffer

Lecture 17 concatMap

Lecture 18 map

Lecture 19 mergeMap

Lecture 20 switchMap

Lecture 21 scan

Lecture 22 toArray

Section 5: Filtering

Lecture 23 Filter

Lecture 24 Find

Lecture 25 take

Lecture 26 first

Lecture 27 skip

Lecture 28 ignoreElements

Section 6: Utility

Lecture 29 tap

Lecture 30 delay

Lecture 31 finalize

Lecture 32 repeat

Section 7: Error Handling

Lecture 33 CatchError

Lecture 34 retry

Section 8: Subscription, Subject and Scheduler

Lecture 35 Subscription

Lecture 36 Subjects Demo

Lecture 37 Async Subject

Lecture 38 Behaviour Subject

Beginner Angular developers who want to learn Rxjs in more depth,Javascript/NodeJs developers who want to learn Asynchronous programming pattrern