ClojureScript

https://gyazo.com/1868b3b8b20017499761fa59d340137b

Web ブラウザで動くClojureClojure.icon

ドキュメント

ReactReact.icon

(om.dom/div #js{} "child1" "child2") 等の函数で virtual DOM を作る

Reagent

reagent.dom/render で [:div {} "child1" "child2"] 等の data から virtual DOM を作る

Hiccup での data 構造に近い

reagent.core/atom で状態管理する。atom と同じく swap!、reset! で変更する

component を区切る機能は無さそう?

Quiescent

(quiescent.core/defcomponent "Comment." :〜〜 [] 〜) で component を区切る

(quiescent.dom/div {} "child1" "child2") 等の函数で virtual DOM を作る

Rum

rum.core/defc で component を区切る

[:div {} "child1" "child2"] の Hiccup に似た data 構造で virtual DOM を表はす。rum.core/defc で virtual DOM に変換する

re-frame

Reagent を使ふ

shadow-cljs

nbb

BabashkaBabashka.icon