Why use mobx gist 3

gist.js

//resource-view.js
function ResourceView(props) {
  const {loading,resource,error} = props;
  return loading? <loader/>:<ResourceItem resource={resource}/>
}

const mapStateToProps = (state,ownProps) => ({
    ...state.resources[ownProps.resourceId]
})
export default connect(mapStateToProps)(ResourceView)

// resource-list.js
function ResourceList(props) {
  const resourceIds = [1,2,3,4,5,6,7,8]; //Just for example sake, this would usually be taken from the store as well
  const {requestResource,resources} = props;
  return <div>
    {resourceIds.map(id=><div key={id}>
      {resources[id]?<ResourceView resourceId={id} />:
      <button onClick={()=>requestResource(id)}>load</button>}
    </div>)}
  </div>
}
const mapStateToProps = (state,ownProps) => ({
    resources:state.resources
})
const mapDispatchToProps = (dispatch,ownProps) =>({
    requestResource:()=>requestResource(ownProps.resourceId)(dispatch)
})
export default connect(mapStateToProps,mapDispatchToProps)(ResourceView)