react-redux-saga

react-redux-saga

react bindings for redux-saga

import {Saga} from 'react-redux-saga';
 
// Saga as a component
// starts running once it mounts
// gets cancelled when it unmounts
<Saga saga={function * (){ /* your saga */ }} />
 
// you can read redux state / passed props
function* run(getState, {x, y}){
  // getState().key.state...
  // x === 1
  // y === 2
}
 
<Saga x={1} y={2} saga={run} />
 
// alternately, there's a decorator version
@saga(function*(getState, props){
  //
})
class App extends Component{
  render(){
    // ...
  }
}
 

getting started

include <Sagas> high up in your react tree, and pass it the result of createSagaMiddleware. example -

  let middle = createSagaMiddleware();
  let store = createStore(/* reducer */, applyMiddleware(/* ... */, middle)); // from redux
 
  render(<Sagas middleware={middle}>  /* react-dom, etc */
    <App />
  </Sagas>, dom);
}
 

etc

• this module comes from the work on redux-react-local, and works well with it