Package Exports

@naporin0624/react-flowder
@naporin0624/react-flowder/lib/index-cjs.js
@naporin0624/react-flowder/lib/index-esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@naporin0624/react-flowder) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

`react-flowder`

A library that connects rxjs to React and uses suspense to load data on the first subscribe.

505d0082dcff533299cb631f616f1cd5

Usage

example-page

import React, { Suspense } from "react";
import { render } from "react-dom";
import { interval } from "rxjs";
import { datasource, useReadData, Provider } from "@naporin0624/react-flowder";

const timer = datasource(() => interval(1000));

const Timer = () => {
    const time = useReadData(timer());

    return (
        <div>
        <p>time: {time}</p>
        </div>
    )
}

const App = () => (
    <Provider>
        <Suspense fallback={<p>loading</p>}>
            <Timer />
        </Suspense>
    </Provider>
);

export default App;

LICENSE

MIT