Day 05 Rxjs Operators

Day 05 - RxJS Operators

Projects

rxjs-colors	Colors search engine using rxjs operators
ex4-solution	Solution to exercise 4

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 factory operators:
  • interval
  • of
  • from
• We covered some pipeable operators
  • map
  • filter
  • take
  • takeLast
  • takeWhile
  • takeUntil
  • skip
  • skipLast
  • skipWhile
  • skipUntil
  • mapTo
  • distinct
  • distinctUntilChanged
  • delay
  • mergeAll
  • mergeMap
  • switchAll
  • switchMap
• We have covered some combining operators
  • merge
  • combineLatest

Colors Search app using rx operators

• We created an example that uses observable to convert color search keyword into a list of matching results (colors)
• We Understood that the map operator cannot be used when we apply an asyncronous function on each event because it creates an Observable of Promises
• We saw how to use mergeMap and switchMap as asynchronous alternative for map when using async projections
  • mergeMap(x => observable) is actually short for map(x => observable), mergeAll()
  • switchMap(x => observable) is actually short for map(x => observable), switchAll()
• We understood the difference between mergeMap and switchMap