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);

visit this implementation
hide

The same file in an es6 class implementation using React (15.3.1):

import React from 'react'
import ReactDOM from 'react-dom'

import Battle from './battle'

ReactDOM.render(<Battle />, document.getElementById('app'))

visit this implementation
hide