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