State Machine for simplified version of React’s rendering model

react-simple-model.js

export function* ReactComponent() {
  function* Initial() {
    yield on("render", Rendering);
  }
  function* Rendering() {
    yield on("resourceSuspended", Suspended);
    yield on("error", Errored);
    yield on("commit", Committed);
  }
  function* Suspended() {
    yield on("promiseResolved", Rendering);
  }
  function* Errored() { 
    yield on("render", Rendering);
  }
  function* Committed() {
    yield on("render", Rendering);
  }

  return Initial;
}