Build the UI with Reagent
Reagent is a ClojureScript UI component library built on top of the popular Facebook React library.[44] Reagent provides a way to define UI elements using Hiccup-style syntax for DOM representation.[45][46] Each UI component is a data structure that represents a particular DOM element. By taking a DOM-centric view of the UI, Reagent provides a way to write composable components.
To build our UI, we first add the Reagent dependency to our project:
| :dependencies |
| [... |
| [reagent "0.5.1"]] |
Let’s start the lein-cljsbuild plugin using the auto mode so that it watches for changes in the source and automatically recompiles it as we go. Nothing to it. Just open a new terminal and run the following command:
| lein cljsbuild ... |
Get Web Development with Clojure, 2nd Edition now with O’Reilly online learning.
O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.