freactive聲明式 DOM 庫(kù)
freactive 是一個(gè)高性能、純 Clojurescript 實(shí)現(xiàn)的聲明式 DOM 庫(kù)。使用 hiccup 風(fēng)格的語(yǔ)法和 Clojure 內(nèi)建的 deref 和 atom 模式。靈感來(lái)自于 reagent, om 和 reflex
示例代碼:
(ns example1
(:refer-clojure :exclude [atom])
(:require [freactive.core :refer [atom cursor]]
[freactive.dom :as dom])
(:require-macros [freactive.macros :refer [rx]]))
(defonce mouse-pos (atom nil))
(defn view []
[:div
{:width "100%" :height "100%" :style {:border "1px solid black"}
:on-mousemove (fn [e] (reset! mouse-pos [(.-clientX e) (.-clientY e)]))}
[:h1 "Hello World!"]
[:p "Your mouse is at: " (rx (str @mouse-pos))]])
(defonce root (dom/append-child! (.-body js/document) [:div#root]))
(dom/mount! root (view))評(píng)論
圖片
表情
