Root saga pattern - fork vs. run?

I’m a bit confused here, what is the “correct” way to set up a root saga and a bunch of “router” sagas inside?

// Using `fork`?
function* rootSaga () {
    yield [
        fork(saga1), // saga1 can also yield [ fork(actionOne), fork(actionTwo) ]
        fork(saga2),
    ];
}

// Using `middleware.run`?
function* rootSaga () {
    sagaMiddleware.run(saga1); // saga1 can also do middleware.run(actionOne), etc.
    sagaMiddleware.run(saga2);
}

function startRootSaga () {
    sagaMiddleware.run(rootSaga);
}

Also, is there any better way to get store.getState in all of those sagas other than passing it around as a parameter everywhere?

Just for clarity, I’m thinking of this as analogous to an express router where my action types are the routes - is this a good way to think about it?

const app = express();

const router1 = express.Router();
router1.get('/get', get1Fn);

const router2 = express.Router();
router2.get('/get', get2Fn);

const rootRouter = express.Router();
rootRouter.use('/one', router1);
rootRouter.use('two', router2);

app.use(rootRouter);

This express router seems to be analogous to the above “saga router”.

I would like to have just one call in my top level app.js to start the root saga, and then the rest of my sagas are broken up by area of the app, similar to the way I split the router code on the server side.

[yelouafi]

run is normal javascipt method that can be used to create and start a task from outside the Sagas. And should be typically used in the same place where you create the store. fork is an Effect that can be only used with yield from inside Sagas.

You shouldn’t use run from inside Sagas just yield fork. And you can’t use fork outside of Sagas.

[yelouafi]

Example of config

./saga.js

// Using `fork`?
function* rootSaga () {
    yield [
        fork(saga1), // saga1 can also yield [ fork(actionOne), fork(actionTwo) ]
        fork(saga2),
    ];
}

./main.js

import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'

import rootReducer from './reducers'
import rootSaga from './sagas'


const sagaMiddleware = createSagaMiddleware()
const store = createStore(
  reducer,
  applyMiddleware(sagaMiddleware)
)
sagaMiddleware.run(rootSaga)