Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/staltz/rxmarbles
Interactive diagrams of Rx Observables
https://github.com/staltz/rxmarbles
Last synced: about 2 months ago
JSON representation
Interactive diagrams of Rx Observables
- Host: GitHub
- URL: https://github.com/staltz/rxmarbles
- Owner: staltz
- License: bsd-3-clause
- Archived: true
- Created: 2014-07-16T17:09:55.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2021-10-26T12:15:21.000Z (about 3 years ago)
- Last Synced: 2024-09-22T02:31:45.015Z (about 2 months ago)
- Language: JavaScript
- Homepage: http://www.rxmarbles.com
- Size: 9.02 MB
- Stars: 4,205
- Watchers: 96
- Forks: 536
- Open Issues: 36
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
RxMarbles
=========
A webapp for experimenting with diagrams of [Rx](http://reactivex.io/) Observables, for learning purposes.
#### 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](https://github.com/staltz/cycle) app. Use this as an example implementation of advanced custom elements in Cycle.
## ~~Contributing~~
*Unfortunately I do not have time to maintain this project (I have hundreds of other repos to maintain), but I don't want this project to be changed, I think it's very valuable to keep the same features online at `rxmarbles.com`, which I still regularly pay the domain for. I am sorry for people who would like to update this repo. I advise to build other tools and enrichen the RxJS ecosystem overall. RxMarbles is fine as it is.*
Fork and git clone the repository.
```
npm install
```
The roadmap is entirely specified in the [TODO](https://github.com/staltz/rxmarbles/blob/master/TODO) file, which follows the [git-done](https://github.com/staltz/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](https://github.com/staltz/rxmarbles/pulls) when you're ready.