https://github.com/zjuasmn/rx-editor
editor for rx
https://github.com/zjuasmn/rx-editor
editor flow-based-programming react rxjs
Last synced: 10 months ago
JSON representation
editor for rx
- Host: GitHub
- URL: https://github.com/zjuasmn/rx-editor
- Owner: zjuasmn
- Created: 2019-07-22T01:12:26.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T05:00:30.000Z (about 3 years ago)
- Last Synced: 2025-02-04T18:42:08.298Z (11 months ago)
- Topics: editor, flow-based-programming, react, rxjs
- Language: JavaScript
- Size: 3.44 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rx-editor
editor for rx, POC stage. WIP
The target of this project is to provide a online web editor for
developer to do flow-programming on rxjs, and connect it to react/angular code.
## example
1. rx chart
2. rx code (logic)
```js
[
onChange$.pipe(
map(e => e.target.value),
tap(text$),
),
onKeyPress$.pipe(
filter(e => e.key === 'Enter'),
tap(done$),
),
done$.pipe(
map(() => ({ id: Date.now(), title: text$.value, completed: false })),
map(todo => ([todo, ...todos$.value])),
tap(todos$),
),
done$.pipe(
mapTo(''),
tap(text$),
),
text$.pipe(
tap(set('text')),
),
...,
].forEach(o => o.subscribe())
```
3. jsx code (view)
```jsx
<>
todos
...
>
```
4. result
