configureSaga.ts

export default function* configureSagas() {
    yield all([
        watchLoadProducts(),
        watchSaveProduct(),
        // all the watchers that we need from all 
        // parts of our app
    ]);
}

// and a specfic saga will look like
import backendApi from "./path/to/backendApi";
import history form "./configureHistory";

export function* watchSaveProduct() {
    yield takeEvery(SAVE_PRODUCT, saveProduct);
}

export function* saveProduct(
    action: ISaveProductAction
) {
    const userDetails = backendApi.saveProduct(action.productId, action.productData);
    yield put(saveUserDetails(userDetails));
    history.push("/products");
}