react-redux-meteor-data v0.5.8

#Description

This package provides an integration between React, Redux store and Meteor's Tracker.

It's simple composition of "connect" function from "react-redux" package and "createContainer" from "react-meteor-data".

Redux connector HOC applies first, then props pass down to meteor HOC.

#Using

Signature:

connectMeteor(mapTrackerToProps, mapStateToProps, mapDispatchToProps)(Component)

• First argument: usual react-meteor-data createContainer function, as documented here: https://www.npmjs.com/package/react-meteor-data
• Next arguments: usual react-redux connect arguments, as documented here: https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops-mapdispatchtoprops-mergeprops-options
• Component - React dumb component that you will connect to redux & meteor

#Example

MyComponent will receive currentId and item props:

import connectMeteor from 'react-redux-meteor-data';
import MyCollection from '/imports/collections/MyCollection.js';
import MyComponent from '/imports/components/MyComponent.jsx';
import * as actions from '/imports/redux/actions.js';

const mapStateToProps = (state, ownProps) => {
  let currentId = state.selectedId;
  return {
    currentId
  };
}

const mapTrackerToProps = (props) => {
    let sub = Meteor.subscribe('process');
    let item = MyCollection.findOne({_id:  props.currentId})

  return {
    item
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    actions: bindActionCreators(actions, dispatch)
  }
}


export default connectMeteor(mapTrackerToProps, mapStateToProps, mapDispatchToProps)(MyComponent);

#Contribution

Please open issue on github.