What is the mental model of redux saga?

Before running our helloSaga , we must connect our middleware to the Store using applyMiddleware . Then we can use the sagaMiddleware. run(helloSaga) to start our Saga.

Saga works like a separate thread or a background process that is solely responsible for making your side effects or API calls unlike redux-thunk, which uses callbacks which may lead to situations like ‘callback hell’ in some cases. However, with the async/await system, this problem can be minimized in redux-thunk.

The redux-saga docs state that ‘the mental model is that a saga is like a separate thread in your application that’s solely responsible for side effects’ . … Technically speaking the redux-saga-middleware is part of our top level / App component.

Step-By-Step: How to Add Redux Saga to a React & Redux App