Mithrilとは？
MithrilはクライアントサイドMVCフレームワークです。コードをきれいに構成して、構造について考えるのを簡単にしたり、メンテナンスしやすくします。
軽量
- gzip圧縮時でたったの7.8KBで、他への依存がない
- 小さくシンプルなAPIと、低い学習コスト
信頼性
- デフォルト設定が安全側に振られたテンプレート
- コンポーネントによる階層型MVC
高速
- Virtual DOM差分更新と、コンパイル可能なテンプレート
- インテリジェントな自動再描画システム
サンプルコード
//モデル
var Page = {
list: function() {
return m.request({method: "GET", url: "pages.json"});
}
};
var Demo = {
//controller
controller: function() {
var pages = Page.list();
return {
pages: pages,
rotate: function() {
pages().push(pages().shift());
}
}
},
//view
view: function(ctrl) {
return m("div", [
ctrl.pages().map(function(page) {
return m("a", {href: page.url}, page.title);
}),
m("button", {onclick: ctrl.rotate}, "Rotate links")
]);
}
};
//初期化
m.mount(document.getElementById("example"), Demo);