public state: State = {}

  protected state: State = {}

  }
  public updateSelf(props: Props) {

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

import { engageLifecycle, LifecycleHandlerBase } from "./LifecycleHandler";

export class ReticleComponent{

class ReticleComponent extends LifecycleHandlerBase<Props, State> {

  staleProps: Props
  state: State;

  protected state: State;

    super(props);

    this.staleProps = props;

    this.renderSelf(props);

  public update(props: Props) {
    this.updateSelf(props);
    this.renderSelf(props);
    this.staleProps = props;
  }
  updateSelf(props: Props) {

  protected updateSelf(props: Props) {

  renderSelf(props: Props) {

  protected renderSelf(props: Props) {

}

}

const wrapped = engageLifecycle(ReticleComponent);
// eslint-disable-next-line
type wrapped = ReticleComponent;
export { wrapped as ReticleComponent };