import React from 'react'
import ReactDOM from 'react-dom'
import Voter from './voter'
ReactDOM.render(<Voter />, document.getElementById('app'))
The same file in a createClass implementation using React (15.3.1):
import React from 'react'
import ReactDOM from 'react-dom'
import Voter from './voter'
ReactDOM.render(<Voter />, 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 { Voter } from './voter';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
@NgModule({
imports: [ BrowserModule ],
declarations: [ Voter ],
bootstrap: [ Voter ]
})
class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule);
The same file in an xstream, storage driver implementation using CycleJS (12.2.2):
import {run} from '@cycle/xstream-run'
import {makeDOMDriver} from '@cycle/dom'
import makeStoreDriver from './extras'
import Voter from './voter'
run(Voter, {
DOM: makeDOMDriver('#app'),
store: makeStoreDriver('JSCOMPVOTE')
})
The same file in an es6 implementation using Cyclow (0.3.0):
import {run} from 'cyclow'
import Voter from './voter'
run(Voter, {target: 'app'})
The same file in a vanilla implementation using Vue (1.0.26):
import Vue from 'vue'
import './voter'
new Vue({
template: '<voter/>',
replace: false,
el: '#app'
})