Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
src
.npmignore
README.md
jest.config.js
package.json
tsconfig.json

README.md

@parity/light.js-react

A HOC to easily use @parity/light.js with React.

Build Status npm (scoped) npm dependencies Status

Usage

The libray provides a higher-order component (HOC) to use @parity/light.js's Observables easily with React apps.

import light from '@parity/light.js-react';
import { myBalance$, syncStatus$ } from '@parity/light.js';

@light({
  myBalance: myBalance$, // myBalance will be a BigNumber
  mySyncVariable: syncStatus$
})
class MyClass extends React.Component {
  render() {
    return (
      <div>
        My balance is {this.props.myBalance.toFormat()}.<br />
        The sync status is {JSON.stringify(this.props.mySyncVariable)}.
      </div>
    );
  }
}

The UI will automatically update when the sync status changes.