Exploring Unidirectional Components in Mithril

05-hypermithril-basic.jsx

const component = (options = {}) => (vnode) {
  let state = { ...options.state, ...vnode.attrs };

  const proxyActions = {};
  Object.keys(options.actions).forEach((key) => {
    proxyActions[key] = (...args) => {
      const newState = options.actions[key](state, proxyActions, ...args);
      if (newState) {
        state = { ...state, ...newState };
      }
      return state;
    };
  });

  return {
    ...options.events,
    view: () => options.view(vnode, state, proxyActions)
  };
};