README.md

Module 10 - RxJS Operators

Projects

fun-with-rx-operators	RxJS Operators
rx-colors	A practical example using Operators

Introduction to RxJS operators

• We talked about the concept of operators in math, strings and arrays
• We understood that RxJS operators create observables.
• We saw 4 documentation web sites that serve as reference guide for reactive operators
  • ReactiveX docs
  • RxJS docs
  • Rx Marbles
  • Rx Marble Visualizer
• We covered some simple operators
  • map
  • from
  • filter
  • take
  • takeLast
• We created an example that uses observable to convert color search keyword into a list of matching results (colors)
• We used the map operator to convert user input to results

Combinators

• We saw some combinators we can use to combine several observables together into one
  • merge
  • combineLatest
  • withLatestFrom (this is actually a pipeable operator, but it is usually mentioned along with combinators).
  • zip
  • concat

Using async mapping operators

• We have converted our service into an asyncronous one by returning a Promise instead of the results
• We saw that now our map operators returns an Observable<Promise<Results>>
• We learned about the term Higher Order Observables
• We saw that there are several flatenning operators that reduce the order of the observable
• We used mergeAll and switchAll after the map
• We understood that switchMap is short for map and then switchAll

Higher Order Operators

• We saw several operators that raise the order of a flat observable:
  • bufferCount and WindowCount
  • groupBy
• We saw several operators that "flatten" higher order observables
  • switchAll, mergeAll
  • concatAll, exhaustAll