React bindings for Jeux
npm install react-jeuxConnect connects your React components to the Jeux store so that your components can have access to your Jeux
store passed down as props.
This is a function that essentially lets connect know which slice of the state your component cares about. What is returned becomes
props passed to your connected component
This is a function that essentially lets you use Jeux's dispatch function. What is returned becomes
props passed to your connected component
``javascript
function mapStateToProps(state, ownProps){
return {
name : state.name + ownProps.id
}
}
`
`javascript
function mapDispatchToProps(dispatch, ownProps){
return {
logoutUser : user => dispatch({type : "LOGOUT", user}),
alertUser : user => dispatch({type: "ALERT_USER", reason : "reason....", user})
}
}
`
`javascript
// name and looutUser and alertUser can now be accessed in your React component as a prop
class MyComponent extends React.Component{
constuctor(props){
super(props);
}
handleAlert(){
this.alertUser(this.props.name);
}
render(){
return {this.props.name}
}
}
// To connect to store do this
const store = Jeux.createStore({
name : () => "static_name"
})
const ConnectedMyComponent = ReactJeux.connect(store, MyComponent)
class App extends React.Component{
constuctor(props){
super(props);
}
render(){
return (
https://codepen.io/anon/pen/RYBBjb?editors=1010