react-redux-meteor-data: A JavaScript repository from tempik

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 applyes first, then props pass down to meteor HOC.

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.jsx';
import MyComponent from '/imports/components/MyComponent.jsx';
import * as actions from '/imports/redux/actions.jsx';

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

#Contibution

Please open issue on github.

tempik/react-redux-meteor-data