maquette.jsを仮想 DOM ライブラリとして使用することをさらに検討しています。Web サイト
を見ると、ライブラリには、DOM ノードの追加、削除、および更新時にアニメーションをサポートする機能があります。
しかし、これを達成するために何をすべきかについてのドキュメントやAPIが見つかりません。
より具体的にするために、以下とここに小さなサンプルを作成しました。
var isPopupShown = false;
var togglePopup = function(){
isPopupShown = !isPopupShown;
}
var renderMaquette = function () {
return h("div#container", [
h("button", {
onclick: togglePopup
}, ["Click me"]),
isPopupShown ? h("div#popup") : null
]);
}
例では、ボタンをクリックするとポップアップが開きます。
私が望むのは、ノードがDOMに追加されたときにポップアップがフェードインをアニメーション化し、ノードがDOMから削除されたときにフェードアウトをアニメーション化することです。