Overview

Integrating with any Web Library or Framework simply involves sending events into RxFx and subscribing to the event bus for when to update the UI.

RxFx is a container for async side effects that is framework independent. That is to say - it only depends upon RxJS - a more stable library than any major version of a modern framework. But if you are in a React codebase, for example, you ultimately need to hand React what it needs to update the UI when a listener responds.

RxFx has a demo app - an alarm clock - that has been integrated with:

• React (CodeSandbox)

• Angular (CodeSandbox)

• Vue (CodeSandbox)

• Svelte (CodeSandbox)

This demo app uses the higher-level createService interface, where events are sent using service(request), and state updates recieved via service.state.subscribe(). But if you use the lower level bus.trigger(req) and bus.listen() interfaces, you will still be able to send updates into your framework.

Read on for the framework-specific APIs you can use to start leveraging RxFx and RxJS inside of your specific UI framework.