35、构建响应式用户界面与代码测试

构建响应式用户界面与代码测试

构建响应式用户界面

响应式编程的主要应用之一是前端开发，需要创建能对状态变化进行异步响应的用户界面组件。下面将通过 core.async 库和 Yolk 库的示例，对比通道和事件流，并展示如何使用这两个概念设计问题的解决方案。

依赖与命名空间

即将介绍的示例需要以下库依赖：

[yolk "0.9.0"]
[org.clojure/core.async "0.1.346.0-17112a-alpha"]

命名空间声明中需包含：

(ns my-namespace
  (:require [goog.events :as events]
            [goog.events.EventType]
            [goog.style :as style]
            [cljs.core.async :as a]
            [yolk.bacon :as y])
  (:require-macros [cljs.core.async.macros
                    :refer [go go-loop alt!]]))

此外，示例还会使用 src/m_clj/c9/common.cljs 中的 set-html! 和