import React from 'react'
import ReactDOM from 'react-dom'
import Battle from './battle'
ReactDOM.render(<Battle />, document.getElementById('app'))
The same file in a TypeScript implementation using Angular (2.4.9):
import 'zone.js'
import 'reflect-metadata'
import { NgModule, Component } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { Battle } from './battle';
@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [ Battle ],
bootstrap: [ Battle ]
})
class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule);
The same file in an es6 implementation using Cyclow (0.3.0):
import {run} from 'cyclow'
import Battle from './battle'
run(Battle, {target: 'app'})