all imlementations using Angular all imlementations of Composition

a TypeScript implementation
of the Composition demo using Angular



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 an es6 implementation using Cyclow (0.4.0):

import {run} from 'cyclow'
import Form from './form'

run(Form, {target: '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'))