public state: State = {}

  didMount() { }
  didUpdate() { }
  shouldUpdate(): boolean { return true; }
  willUnmount() { }
  fireStateUpdaters() { }

export class LifecycleHandlerBase<P extends Props, S extends State> {

export abstract class LifecycleHandlerBase<P extends Props, S extends State> {

  public container!: Pixi.Container;
  protected state!: S;

  public abstract container: Pixi.Container;
  protected abstract state: S;

  protected fireStateUpdaters(): void { } 
  protected didMount(): void { }
  protected updateSelf(nextProps: P): void { } 
  protected shouldUpdate(staleProps: P, staleState: S, nextProps: P, state: S): boolean {
    return true;
  }

  protected abstract fireStateUpdaters(): void 
  protected abstract didMount(): void 
  protected abstract updateSelf(nextProps: P): void 
  protected abstract shouldUpdate(staleProps: P, staleState: S, nextProps: P, state: S): boolean 

  protected renderSelf(nextProps: P): void { }
  protected didUpdate(): void { }
  protected willUnmount(): void { }

  protected abstract renderSelf(nextProps: P): void 
  protected abstract didUpdate(): void 
  protected abstract willUnmount(): void 

  public container: Pixi.Container
  public state: ReferenceState

    this.container = new Pixi.Container();

  didMount() { } 
  didUpdate() { }
  shouldUpdate(): boolean { return true; }
  fireStateUpdaters() { }
  willUnmount() { }

  public state: State

    this.state = {}

    this.container.addListener('pointerover', (event: Pixi.InteractionEvent) => {

    this.container.addListener('pointerover', this.onPointerOver);
  }
  onPointerOver = (event: Pixi.InteractionEvent) => {

    })

  willUnmount() { }
  fireStateUpdaters() { }
  shouldUpdate(): boolean { return true; } 
  didUpdate() { }