RxJS — Combining ActionStream and DataStream
Introduction
In previous post RxJS — Combining Data Streams we started with basics of combining an ActionStream and DataStream and why these are common in angular reactive applications.
Today, we’ll see yet another example where we will combine a DataStream and ActionStream.
Initial Setup
We’ve some notes data available from a backend. Here is how the notes information is stored in a table (I won’t get into details of backend-api and database and will keep focus on angular part)
(In a more typical scenario, categoryId should be the foreign-key linked with categories table, but here for simplicity proposes, we have just categoryId numeric value stored)
This data is then available via a REST API but we won’t discuss that part here.
Angular Setup
On Angular side I’ve created a folder for the various angular bits to fetch and display notes data as shown below
