Everything we care about for now is in app.cljs. So let's take a look:

(ns escherize-cljs.app

(:require [reagent.core :as reagent

:refer [atom]]))

(defn some-component []

[:div

[:h3 "I am a component!"]

[:p.someclass

"I have " [:strong "bold"]

[:span {:style {:color "red"}} " and red"]

" text."]])

(defn calling-component []

[:div "Parent component"

[some-component]])

(defn init []

(reagent/render-component

[calling-component]

(.getElementById js/document "container")))

{{<highlightclojure>}}

(ns escherize-cljs.app

(:require [reagent.core :as reagent

:refer [atom]]))

(defn some-component []

[:div

[:h3 "I am a component!"]

[:p.someclass

"I have " [:strong "bold"]

[:span {:style {:color "red"}} " and red"]

" text."]])

(defn calling-component []

[:div "Parent component"

[some-component]])

(defn init []

(reagent/render-component

[calling-component]

(.getElementById js/document "container")))

{{</highlight>}}

Ahh, at last some beautiful [Hiccup](http://hiccup.space) flavored [Reagent](https://reagent-project.github.io/). You might be able to guess what kind of html that will output. Notice that we're using `calling-component` to generate a data structure that our app (and `Reagent`) will turn into React.js components.

...

...

@@ -86,21 +86,21 @@ Feel free to right-click -> Inspect Element to see the html's source. But the se