cycle.js

index.js

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


const intent = () => {};

const model = (actionMap) => Rx.Observable.just([]);

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

/**
 *         _____________MVI_____________
 *         |                           |
 *  DOM →  | intent　→　model →　view  | →　DOM
 *         |___________________________|
 *
 */
const main = ({DOM}) => {
  const actionMap = intent(DOM);
  const stateStream = model(actionMap);
  const treeStream = view(stateStream);
  return {
    DOM: treeStream
  }
};

Cycle.run(main, {
  DOM: makeDOMDriver('#main-container')
});