MithrilJS Best Practices

gistfile1.js

var app = {};

//model
app.PageList = function() {
  var pages = m.prop([]);
  var url =  "pages.json";
  return m.request({method: "GET", url: url}).then(pages);
};

// view model
app.viewModel = {};
app.viewModel.init = function() {
  this.pages = app.PageList();
  this.rotate = function() {
    this.pages().push( this.pages().shift() );
  }.bind(this);
};

//controller
app.controller = function() {
  app.viewModel.init();
};

//view
app.view = function(ctrl) {
  return [
    app.viewModel.pages().map(function(page) {
      return m("a", {href: page.url}, page.title);
    }),
    m("a", {onclick: app.viewModel.rotate}, "Rotate links")
  ];
};