Implementing async / await with generators

asyncAwaitWithGenerators.js

function doWhenDataReceived(value) {
  returnNextElement.next(value)
}

function* createFlow() {
  const data = yield fetch('http://twitter.com/...')
  console.log(data)
}

const returnNextElement = createFlow() // Does not start executing function yet
const futureData = returnNextElement.next() // starts executing inside createFlow

futureData.value.then(doWhenDataReceived)


// With async
async function createFlow() {
  const data = await fetch('https://twitter.com/...')
  console.log(data)
}

createFlow()

Uncaught TypeError: futureData.then is not a function at ...

function doWhenDataReceived(value) {
  returnNextElement.next(value);
}

function* createFlow() {
  const data =const data = yield fetch('http://twitter.com/...');
  console.log(data);
}

const returnNextElement = createFlow();
const futureData = returnNextElement.next();

// the promise is on the `value` key
futureData.value.then(doWhenDataReceived);