20

A TypeScript Playground for RX JS

 4 years ago
source link: https://blog.hediet.de/post/a_typescript_playground_for_rx_js/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

A TypeScript Playground for RX JS

Sep 8, 2019

This post is a playground for RxJS, a library for reactive programming using Observables that make it easier to compose asynchronous or callback-based code. The playground supports editable as well as computed observables. Events of editable observables can be created with a single click and dragged around, while computed observables are expressed in type-checked JavaScript (also known as TypeScript) and can refer to other observables.

Core of this playground is the RxJs VirtualTimeScheduler that is used to immediately process delayed observables. The Monaco Editor is used as editor component. The control UI is implemented with BlueprintJs, the visualization is rendered as plain SVG.

For technical reasons, delayed Rx operations must be given the scheduler passed to the visualize function. The track function can be used to track piped (intermediate) observables. The browser url reflects the current playground model and can be used for sharing. Scroll down to maximize the playground.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK