https://github.com/Shipow/react-hearthstone
React Components for Hearthstone
https://github.com/Shipow/react-hearthstone
Last synced: about 1 month ago
JSON representation
React Components for Hearthstone
- Host: GitHub
- URL: https://github.com/Shipow/react-hearthstone
- Owner: Shipow
- Created: 2016-06-26T14:21:24.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2016-04-28T01:21:40.000Z (about 9 years ago)
- Last Synced: 2025-03-23T23:44:44.248Z (2 months ago)
- Language: JavaScript
- Size: 233 KB
- Stars: 3
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
react-hearthstone
=================
[](https://travis-ci.org/matkl/react-hearthstone)
[](https://coveralls.io/github/matkl/react-hearthstone?branch=master)
[](https://npmjs.org/package/react-hearthstone "View this project on npm")
React components for Blizzard's [Hearthstone](http://us.battle.net/hearthstone/en/). WIP.
Based on [hearthstone-deckbuilder](https://github.com/matkl/hearthstone-deckbuilder). For use with card data from [HearthstoneJSON](https://hearthstonejson.com/).
## Components
### DeckBuilder
This will be a complete deck builder application, similar to [hearthstone-deckbuilder](https://github.com/matkl/hearthstone-deckbuilder) and based on the other components. Not usable yet.
### CardList
A list of cards, for example to represent a deck.
Example: [Show a random deck for a random class](http://matkl.github.io/react-hearthstone/examples/components/CardList.html)
### CardGallery
A gallery of cards using the game's card images.
Example: [Show a gallery of 30 random cards](http://matkl.github.io/react-hearthstone/examples/components/CardGallery.html)
## Installation
Using [npm](https://www.npmjs.com/):
```
$ npm install --save react-hearthstone
```
Then with a module bundler like [webpack](https://webpack.github.io/) that supports either CommonJS or ES2015 modules, use as you would anything else:
```js
// using an ES6 transpiler, like babel
import { DeckBuilder, CardGallery, CardList } from 'react-hearthstone';
// not using an ES6 transpiler
var DeckBuilder = require('react-hearthstone').DeckBuilder;
var CardGallery = require('react-hearthstone').CardGallery;
var CardList = require('react-hearthstone').CardList;
```
The UMD build is also available on [npmcdn](https://npmcdn.com):
```html
```
You can find the library on `window.ReactHearthstone`.
See [examples](examples/) and [test](test/) for details.
## Author
**Matthias Klein**
+ [http://matthiasklein.me](http://matthiasklein.me)
+ [https://github.com/matkl](https://github.com/matkl)
## License
MIT