Need help with rxmarbles?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

staltz
4.0K Stars 506 Forks BSD 3-Clause "New" or "Revised" License 231 Commits 36 Opened issues

Description

Interactive diagrams of Rx Observables

Services available

!
?

Need anything else?

Contributors list

# 91,659
HTML
CSS
25 commits
# 2,468
TypeScr...
cyclejs
Markdow...
React N...
11 commits
# 109,940
Haskell
PureScr...
pandoc
markup
2 commits
# 29,481
eclipse
gRPC
gke
stackdr...
1 commit
# 318,132
HTML
CSS
1 commit
# 61,438
Svelte
xstate
meteor
GraphQL
1 commit
# 17,446
TypeScr...
webasse...
circle-...
typedoc
1 commit

RxMarbles

A webapp for experimenting with diagrams of Rx Observables, for learning purposes.

Example switchMap

Features:

  • Visualize example diagrams for each operator in Rx
  • Drag an item ("marble") on an Observable to see how the operator reacts
  • Direct link to any example diagram, e.g., http://rxmarbles.com/#delay

Implementation

This is a Cycle.js app. Use this as an example implementation of advanced custom elements in Cycle.

Contributing

Fork and git clone the repository.

npm install

The roadmap is entirely specified in the TODO file, which follows the git-done syntax. You can also use

git done
instead of
git commit
if you wish. For minor bug fixes, you won't need to deal with the TODO file. But if you're building a feature, remember to write a
DONE
entry before you commit and send the pull request.

The build system is using npm scripts. To develop, build the project with

npm run build
.

And access the site on your local machine as

file:///path/to/rxmarblesrepo/index.html
.

Make a pull request when you're ready.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.