Angular TypeScript -> React

components.tsx

const Angular = {
  createElement() {

  }
};

/*
@Component(
  selector: 'my-component',
  template: `<div>{{ name }}</div>`,
  styles: [`
    :host {
      color: red;
    }
  `]
)
class MyComponent {
  @Input() name: string;
}

@Component(
  selector: 'my-app',
  directives: [MyComponent],
  template: `
    <my-component *ngFor"let name of names"
                  [name]="name">
    </my-component>
  `
)
class MyApp {
  @Input() names: string[];
}
*/

const MyComponent = (props: {name: string}) => <div><div>{ props.name }</div></div>;

const MyApp = (props: {names: string[]}) =>
  <div>
    {
      props.names.map(name => 
        <MyComponent name="1"></MyComponent>
      )
    }
  </div>;