block2.tsx

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

export class MyScreen extends AppFormer.Screen {
  
  private screen: MyReactComponent;

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

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

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

AppFormer.registerScreen(new MyScreen());