React Trading UI
A component library for trading applications.
Disclaimer:
There are some real performance issues with this right now and it is likely going to freeze up if you are trying to maintain a full order book in real-time.
For level books or for just polling a full order book it should be more stable.
Documentation
Demo & Examples
Live demo: coming soon...
To run the example locally, clone this repo and run:
$ npm install
$ npm run start
Then visit localhost:3000 in your browser.
Installation
Using npm:
$ npm install --save react-trading-ui
Using yarn
$ yarn add react-trading-ui
Usage
import {OrderBook, TradeHistory} from 'react-trading-ui'
import {connect} from 'react-redux'
const MyApp = ({book, trades}) => (
<div className='my-app'>
<OrderBook asks={book.asks} bids={book.bids} />
<TradeHistory trades={trades} />
</div>
)
export default connect(
state => ({
book: state.book,
trades: state.trades
})
)(MyApp)Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request!