basic-example-react-channels.js

// a basic example demonstrating the power of channels and generators
import React from 'react'
import { render } from 'react-dom'
import { chan, go, take, put, putAsync } from 'js-csp'
import { curry } from 'ramda'
import Counter from './Counter'

// helper
const createRender = curry((node, app) => render(app, node))
// create one channel for now
const AppChannel = chan()

const doRender = createRender(document.getElementById('mountNode'))

// let start
const AppStart = ({ init, update, view }) => {
  let model = 0

  const signal = action => () => {
    model = update(action, model)
    putAsync(AppChannel, model)
  }
  // initial render...
  putAsync(AppChannel, init(model))
  go(function* () {
    while(true) {
      doRender(view(signal, yield take(AppChannel)))
    }
  })
}

// start
AppStart(Counter)