https://github.com/paritytech/oo7
The Bonds framework along with associated modules.
https://github.com/paritytech/oo7
Last synced: 6 months ago
JSON representation
The Bonds framework along with associated modules.
- Host: GitHub
- URL: https://github.com/paritytech/oo7
- Owner: paritytech
- Archived: true
- Created: 2018-10-02T13:19:53.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-03-01T02:26:02.000Z (almost 6 years ago)
- Last Synced: 2024-10-11T00:37:35.870Z (about 1 year ago)
- Language: JavaScript
- Size: 7.32 MB
- Stars: 53
- Watchers: 10
- Forks: 15
- Open Issues: 41
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# oo7 Suite
[](https://travis-ci.org/paritytech/oo7)
[](https://www.npmjs.com/package/oo7)
[](https://www.npmjs.com/package/oo7-parity)
[](https://www.npmjs.com/package/oo7-react)
The `oo7` suite consists of three independent packages:
- [oo7](./packages/oo7/) - Reactive Bonds
- [oo7-parity](./packages/oo7-parity) - Bonds bindings for Ethereum objects
- [oo7-react](./packages/oo7-react) - React components to display Bonds
# Documentation
[Documentation](https://paritytech.github.io/oo7/class/packages/oo7-parity/src/index.js~Bonds.html#instance-member-accounts) to all three packages can be found [here](https://paritytech.github.io/oo7/)
# Examples
### oo7
```js
// 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)
```
### oo7-parity
```js
// 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
```
### oo7-react
```js
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 (
{bonds.me} has
{bonds.balance(bonds.me).map(formatBalance)}
);
}
}
ReactDOM.render(, document.querySelector('body'))
```