cycle.jsのほとんど何もしない雛形.js

import Cycle, { Rx } from '@cycle/core'
import { h, makeDOMDriver } from '@cycle/dom';

const intent = (DOM) => {
  return {};
};

const model = (actionMap) => {
  return new Rx.Subject().startWith(1);
};

const view = (stateStream) => {
  return stateStream.map((state) => {
    return h('div', [
      'test'
    ]);
  });
};

const main = ({ DOM }) => {
  const actionMap = intent(DOM);
  const stateStream = model(actionMap);
  const treeStream = view(stateStream);
  return {
    DOM: treeStream
  };
};

Cycle.run(main, {
  DOM: makeDOMDriver('.root')
});

.root の中に「test」と表示するだけのサンプル