Marble diagrams are a simple way of visualising RxJS streams. More importantly, because they’re represented as text strings, they can form a simple assertion representation for unit testing.
This is a similar approach to “sagas” in the redux-saga middleware but it uses RxJS and they call these processing systems “epics” instead. I have to say I am warming to RxJS generally because of the importance of asynchronous activity in the inputs and outputs of modern apps. Where this one is particularly interesting is in its close integration and harmony with the Redux based architecture.
The Virtual DOM concept has been often emphasized for its speedy performance. But there is also an equally important — if not more important — property. The concept makes it possible to represent the UI as a function of its state.
A very good introduction to reactive programming with Cycle.js by its creator André Staltz. This is an alternative way to write apps from using libraries sch as Redux but there is also a lot of overlap. Cycle.js is an app development framework built that top of a reactive streaming library such as RxJS.
Cycle.js is a framework where your app is described as a simple function taking an event stream as input and outputting an event stream.
Cycle.js builds on RxJS and is a reactive and functional JavaScript framework. What does that mean? In the course, André Staltz, the creator of Cycle.js, will explain it to us.