npm:oo7 npm:oo7-parity npm:oo7-react
The oo7 suite consists of three independent packages:
- oo7 - Reactive Bonds
- oo7-parity - Bonds bindings for Ethereum objects
- oo7-react - React components to display Bonds
Documentation to all three packages can be found here
// npm i oo7 import {TimeBond} from 'oo7' // Initialize the bond const bond = new TimeBond() bond .map(t => new Date(t)) .tie(date => console.log(`${date}`)) // Wed Oct 11 2017 12:14:56 GMT+0200 (CEST)
// npm i oo7-parity import {Bonds, formatBalance} from 'oo7-parity' const bonds = Bonds() bonds.balance(bonds.me) .map(formatBalance) .tie(console.log) // 4.45 ETH
import ReactDOM from 'react-dom' import React, { Component } from 'react' // Import reactive element import {Rspan} from 'oo7-react' import {Bonds, formatBalance} from 'oo7-parity' const bonds = new Bonds() class App extends Component { render() { // Simply render bonds return ( <div> <Rspan> {bonds.me} has {bonds.balance(bonds.me).map(formatBalance)} </Rspan> </div> ); } } ReactDOM.render(<App />, document.querySelector('body'))