proposal:

proposal: (note that args, updaters are strict subsets of props in terms of usage; they are a bit more idiomatic/clearer naming)

* this.state // local state only accessible to this entity and its children.

* this.state, this.setState // local state only accessible to this entity and its children.

// OPEN QUESTION: props will be stale if updaters() gets called here?? queued events have race conditions?? what if update causes other components to need updates - is there a long dependency tree there?
    if (!this.shouldUpdate()) { return }  // this should be library code

    this.children.map((it) => it.render(...));

* render(delta, props) // pure, only accesses this.state. delta == ticksSinceLastRender is so common that we explicitly have a param for it.
* shouldUpdate(props) // optional, default implementation is true, also allows returning a priority/timestamp

* render(delta, props) // pure, only accesses this.state. delta == ticksSinceLastRender is so common that we explicitly have a param for it. this would also be a good place to create new children if necessary. sample implementation: {
    this.children.map((it) => it.render(...));
    renderSelf();
  }
* shouldUpdate(props) // optional, default true if missing, also allows returning a priority/timestamp. library boilerplate here to shallow check props

* this.createChild(ChildComponentClass, args, function propsFactory(myProps, myState) { return childProps }, function updaterFactory(myUpdaters, myProps, myState) { return childUpdaters }) {
    // should essentially do new ChildComponentClass(args, propsFactory(this.props, this.state))
    // also needs to store the factories so the factories can be re-called with updated myprops and mystate when in the update loop
    // this.updateChild(child) { child.get().update(delta, propsFactory(this), updaterFactory(this) }