block3.tsx

import * as React from "react";
import * as AppFormer from "appformer-js";

export class MyPerspective extends AppFormer.Perspective {
  
  private perspective: MyReactComponent;

  constructor() {
    super("my-screen");
    this.af_isReact = true;
  }

  public af_onOpen(): void {
    this.perspective.fetchDataAndUpdate();
  }

  public af_componentRoot(): AppFormer.Element {
    return <MyReactComponent exposing={self => (this.perspective = self)} />;
  }
}

AppFormer.registerPerspective(new MyPerspective());