import {run} from 'cyclow'
import Form from './form'
run(Form, {target: '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 { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import {Form} from './form';
import {Field} from './field'
import {Confirm} from './confirm'
@NgModule({
imports: [ BrowserModule ],
declarations: [ Form, Field, Confirm ],
bootstrap: [ Form ]
})
class AppModule {}
platformBrowserDynamic().bootstrapModule(AppModule);
The same file in a composition helper implementation using CycleJS (10.0.5):
import {run} from '@cycle/xstream-run'
import {makeDOMDriver} from '@cycle/dom'
import Form from './form'
run(Form, { DOM: makeDOMDriver('#app') })
The same file in a createClass implementation using React (15.2.0):
import React from 'react'
import ReactDOM from 'react-dom'
import Form from './form'
ReactDOM.render(<Form />, document.getElementById('app'))