react-redux-saga

1.0.2 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-redux-saga

Weekly Downloads

194

Version

1.0.2

License

ISC

Last publish

Collaborators

  • threepointone