git clone https://github.com/thi-ng/umbrella.git
cd umbrella/examples/rstream-dataflow
yarn install
yarn start
Installs all dependencies, runs webpack-dev-server and opens the app in your browser.
This example combines the following packages to create & execute the above dataflow graph in a declarative manner. The diagram generation itself is part of the example and handled via the @thi.ng/rstream-dot package.
- @thi.ng/atom - state container
- @thi.ng/hdom - UI component rendering
- @thi.ng/paths - nested value accessors
- @thi.ng/resolve-map - DAG-based object resolution
- @thi.ng/rstream - reactive stream constructs
- @thi.ng/rstream-dot - GraphViz DOT output of graph topology
- @thi.ng/rstream-gestures - unified mouse & single-touch event stream
- @thi.ng/rstream-graph - declarative dataflow graph creation
- @thi.ng/transducers - data transformations (here used for stream transforms)
Please see detailed comments in the source code for further explanations.