react-redux-saga

react bindings for redux-saga

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-redux-saga
1.0.28 years ago8 years agoMinified + gzip package size for react-redux-saga in KB

Readme

react-redux-saga

react bindings for redux-saga
kanyewestiskanyebest
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