Dob-redux ·

Installation

npm i dob-redux

Usage

import{observable}from'dob'import{createReduxStore}from'dob-redux'import{Provider,connect}from"react-redux"classUser{store=observable({name:"nick",age:5,articles:[{title:"book1",price:59},{title:"book2",price:63}]})setName(name){this.store.name=name}addArticle(article){this.store.articles.push(article)}}const{ store, actions}=createReduxStore({user:User})@connect((state,ownProps)=>{return{name:state.user.name,articles:state.user.articles}})classAppextendsReact.PureComponent{componentWillMount(){actions.user.addArticle({title:"book3",price:66})}render(){constArticles=this.props.articles.map((article,index)=>{return(<divkey={index}>{article.title},{article.price}</div>)})return(<div>{this.props.name}{Articles}</div>)}}ReactDOM.render(<Providerstore={store}><App/></Provider>,document.getElementById("react-dom"))

Online Demo

Apis

createReduxStore

import{createReduxStore}from'dob-redux'classTest{store=observable({age:1})changeAge(){this.store.age=2}}createReduxStore({testStore:Test})

onSnapshot

import{observable}from'dob'import{onSnapshot}from'dob-redux'constobj=observable({a:1})onSnapshot(obj,snapshot=>{// each time obj's any property changed, an new snapshot will created here})