Building reactive user interfaces

One of the primary applications of reactive programming is frontend development, where we must create user interface components that react asynchronously to changes in state. In this section, we will describe a few examples implemented using the core.async library and the Yolk library. This is meant to give you a comparison between channels and event streams, and also demonstrate how we can design solutions to problems using both these concepts. Note that only the overall design and code for these examples will be described, and you should be able to fill in the details on your own.

Note

The following library dependencies are required for the upcoming examples:

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

Also, the following namespaces must be included in your namespace declaration:

(ns my-namespace
  (:require [goog.events :as events]
            [goog.events.EventType]
            [goog.style :as style]
            ...