Components exporting sagas about redux-saga HOT 2 CLOSED

the latest version includes a runSaga function to start a saga outside of Redux. You can also connects the Saga to a custom input/output.

One idea is to use this function to connect a Saga to a React component, I mean for things that uses uniquely the local component state. For example provide a ReactComponentIO which routes component events as input to Sagas (to resolve take effects) and connects the output of the Saga to component's setState (to resolve put effects)

function* myComponentSaga(comp) {
  while(true) {
     yield take('CLICK')
     // yield some stuff
     yield put({clicked: true}) // same as setState({clicked: true})
  }
}

class MyComponent extends React.Component {

  componentDidMount() {
     this.sagaIO = ReactComponentIO(this)
     runSaga(mySaga(this), this.sagaIO) )
  }

  render() {
     return (
         ...
         <button onClick={this.sagaIO.fire({type: 'CLICK'})}
     )
  }
}

This is all quick and dirty, but can be refined further

from redux-saga.

I'll close this for the moment. Please feel free to add any comment. I can reopen it if necessary.

from redux-saga.