@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.