Skip to content

tempik/react-redux-meteor-data

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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)

#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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors