generators_fetch_data.js

function request(url) {
	makeAjaxCall( url, (response) => it.next( response))
}

function main() {
	const result = yield request('http://some.com/1')
	const data = JSON.parse( result );

	const result2 = yield request('http://some.com/2' + data.id);
	const response = JSON.parse( result2 );

	console.log(`The value you asked for is: ${response.value}`)
}

function* foo(){
	let x = yield "please give me a value for x"
	let y = yield "please give me a value for y"
	let z = yield "please give me a value for z"
	
	return (x+ y +z)
}

const it = main();
it.next() // get it all started

//============ another example: ===============
const myFoo = foo();
myFoo.next(1);
myFoo.next(2);
myFoo.next(3);

/** the main saga file is usually split into two different classes of saga: workers & watchers

Watcher saga's see every action that is dispatched to the redux store, if it matches the action they are told to handle, they assign it to their worker saga
**/

// watcher Saga
export function* watchGetProducts() {
	yield takeEvery(actions.GET_ALL_PRODUCTS, getAllProducts)
}

// worker saga
export function* getAllProducts() {
	const products = yield call(api.getProducts)

yield put(actions.receiveProducts(products))

}
// =========== right side ===========
// watch saga
export function* watchCheckout() {
	while(true) {
		yield take(actions.CHECKOUT_REQUEST)
		yield call(checkout)
	}
}

// worker Saga
export function* checkout() {
	try {
		const cart = yield select(getCart);
		yield call(api.buyPRoduct, cart)
		yield put(actions.checkoutSuccess(cart))
	} catch(error) {
		yield put(actions.checkoutFailure(error))
	}
}