@parity/light.js-react

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

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.