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'))