RxJS for Krakow workshops

Author: pelagia123

SUMMARY.md

@@ -65,6 +65,10 @@
   * [\#3: Implementing actions in app](ngrx/ACTIONS_IN_APP.md) 
   * [\#4: Selectors](ngrx/SELECTORS.md) 
 
+* [RxJS](rxjs/RXJS_INTRO.md)
+    * [Operators](rxjs/OPERATORS.md)
+    * [Play time!](rxjs/PLAYGROUND.md)
+  
 * [Blog Editor ](workshops/blog-editor/index.md)
   * [\#1 ⚙️Configuring firebase](workshops/blog-editor/01_firebase.md)
   * [\#2 💅Add Angular Material](workshops/blog-editor/02_add_material.md)
@@ -75,4 +79,4 @@
   * [\#6 💅Add Feed](workshops/blog-editor/07_add_feed.md)
   * [\#7 ✏️Edit Post](workshops/blog-editor/08_edit_post.md)
   * [\#9 🚀Deploy](workshops/blog-editor/09_deploy.md)
-  * [\#10 ✏  ️Next Steps](workshops/blog-editor/10_next_steps.md)
+  * [\#10 ✏  ️Next Steps](workshops/blog-editor/10_next_steps.md)

examples/5_01-store-setup/package-lock.json

@@ -0,0 +1,59 @@
+# Examples of Operators
+
+Here we will walk you through some basic operators. Each one will have link to [RxMarbles: Interactive diagrams of Rx Observables](https://rxmarbles.com/) example and from [RxJS and Reactive Programming - Animations and visual lessons](https://reactive.how/)
+
+## map
+
+`map` is an operator which is mapping emitted values to ones we want - it takes value, passes it through given function and returns new Observable.
+
+> [Map on RxMarbles](https://rxmarbles.com/#map)
+>
+> [Map on reactive.how](https://reactive.how/map)
+
+You may think of `map` as of a mist which each boat makes a blue boat - it is mapping boat :speedboat: to blue boat.
+
+## filter
+
+`filter` is an operator which emits only those values which satisfy a specified predicate.
+
+> [filter on RxMarbles](https://rxmarbles.com/#filter)
+>
+> [Map vs Filter on reactive.how](https://reactive.how/filter)
+
+This operator may be one that will allow only yellow boats to pass the bridge, or only those who has at least 3 people on board.
+
+## merge
+
+`merge` flattens multiple Observables together by returning mix of their values into one Observable.
+
+> [merge on RxMarbles](https://rxmarbles.com/#merge)
+>
+> [merge on reactive.how](https://reactive.how/merge)
+
+`merge` may be understood as a place where two rivers join and make one new river. Boats from both of them will flow on the new river with the order they've entered the river crossing.
+
+## combineLatest
+
+`combineLatest` multiple Observables to create an Observable whose values are calculated from the latest values of each of its input Observables.
+
+> [combineLatest on RxMarbles](https://rxmarbles.com/#combineLatest)
+>
+> [combineLatest on reactive.how](https://reactive.how/combinelatest)
+
+You may think of `combineLatest` as of gallery showing a pair of boats (from different rivers), always the latest ones that entered joined river.
+
+## takeLast
+
+`takeLast` emits last x values emitted by the source Observable. Which means that if you will call `takeLast(3)` it will emit last 3 values emitted by Observable. It will do so **after** Observable reaching completed state.
+
+> [takeLast on RxMarbles](https://rxmarbles.com/#takeLast)
+>
+> [takeLast on reactive.how](https://reactive.how/takelast)
+
+## take
+
+`take` emits first x values emitted by the source Observable. Which means that if you will call `take(3)` it will emit first 3 values emitted by Observable. After that it will complete returned Observable.
+
+> [take on RxMarbles](https://rxmarbles.com/#take)
+>
+> [take on reactive.how](https://reactive.how/take)