angular - TypeScript

Compare bootstrap.ts to corresponding file in :

import 'zone.js'
import 'reflect-metadata'

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { Phonebooth } from './phonebooth';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

@NgModule({
    imports:      [ BrowserModule, FormsModule ],
    declarations: [ Phonebooth ],
    bootstrap:    [ Phonebooth ]
})
class AppModule {}

platformBrowserDynamic().bootstrapModule(AppModule);

import angular from 'angular'

angular.module('phoneboothapp', [])

require('./phonebooth')

visit this implementation

import {run} from '@cycle/xstream-run'
import {makeDOMDriver} from '@cycle/dom'

import makeFocusDriver from './extras'
import Phonebooth from './phonebooth'

run(Phonebooth, {
  DOM: makeDOMDriver('#app'),
  focus: makeFocusDriver('#app input')
})

visit this implementation

import {run} from 'cyclow'
import Phonebooth from './phonebooth'

run(Phonebooth, {target: 'app'})

visit this implementation

import React from 'react'
import ReactDOM from 'react-dom'
import Elm from 'react-elm-components'

import { Phonebooth } from './phonebooth.elm'

ReactDOM.render(<Elm src={Phonebooth} />, document.getElementById('app'))

visit this implementation

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

import Phonebooth from './phonebooth'

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

visit this implementation

import Vue from 'vue'

import './phonebooth'

new Vue({ 
  template: '<phonebooth/>',
  replace: false,
  el: '#app'
})

visit this implementation

a TypeScript implementation of the Twoway demo using Angular

a TypeScript implementation
of the Twoway demo using Angular