abstract class LifecycleHandlerBase<P extends Props, S extends State> {
  protected container!: PIXI.Container;
  protected state!: S;
  _staleProps: P;
  _children: ChildInstructions<any, any, P, S>[];

class LifecycleHandlerBase<P extends Props, S extends State> {
  state!: S;
  children: ChildInstructions<any, any, P, S>[];
  container!: PIXI.Container;

    this.staleProps = props;
    this.children = []; // child implementation should register child class and props factory in constructor?

    this._staleProps = props;
    this._children = []; // child implementation should register child class and props factory in constructor?

    this.children.forEach((child) => {

    this._children.forEach((child) => {

  protected _update(nextProps: P) {

  // NOTE(bowei): this is public because the root of component hierarchy needs to be bootstrapped from pixi react bridge
  public _update(nextProps: P) {

    if (!this.shouldUpdate(this.staleProps, staleState, nextProps, this.state))

    if (!this.shouldUpdate(this._staleProps, staleState, nextProps, this.state))

  protected staleProps: P;
  fireStateUpdaters() {}
  didMount() {}
  updateSelf(nextProps: P) {}

  fireStateUpdaters(): void { } 
  didMount(): void { }
  abstract updateSelf(nextProps: P): void

    this.children.forEach(({ instance, propsFactory }) => {

    this._children.forEach(({ instance, propsFactory }) => {

  renderSelf(nextProps: P) {}
  didUpdate() {}

  abstract renderSelf(nextProps: P): void
  didUpdate(): void { }

    this.staleProps = nextProps;

    this._staleProps = nextProps;

    const instance = new target(args[0]);

    const instance = new (target as any)(args[0]);

  updateSelf(nextProps: ReferenceProps) {}

  updateSelf(nextProps: ReferenceProps) { }
  renderSelf(nextProps: ReferenceProps) { }