react-data-store v0.0.5

react-data-store

react-data-store is a state manager for React

##installation

npm install --save react-data-store

##How it works

It will map your store properties to component

First,Create one of store.js

import {createStore} from 'react-data-store'

export default createStore(setState=>{
	return {
		name:"toy",
		info:{
			thumb:null
		},
		login(id,pass){
			setState({name:"other"})
		}	
	}
})

then, bind it to your component.js

import React from 'react'
import store from './store.js'
import {withStore} from 'react-data-store'

@withStore({store})
class Main extends React.Component{
	render(){
		let {key,onchange}=this.props.store
		return(
			<div>
				<div>{key}</div>
				<button onClick={onchange}>Click me!</button>
			</div>
		)
	}
}

export default Main

##If with pure function Component

const Main=withStore({store})(props=>(
	<div>
		<div>{props.key}</div>
		<button onClick={props.onchange}>Click me!</button>
	</div>
))