Clojurescript synthetic index examples

README.md

Examples of using clj with deps to create a very minimal clojurescript web page.

Run

1. Download the files from this gist.
2. Run them with make run or make run-reagent
3. Point browser to http://localhost:9000
4. Type commands in the REPL

(require '[index-reagent :as ir])
(ir/mountit)
;; See content in web page
(ir/change-message "I'm in your machine twiddling your bits.")
;; see updated web page

index.cljs

(ns index)

(set! (.-innerHTML (.getElementById js/document "app"))
      "<div><h2>Hello from cljs!</h2><p>This is a hardcoded message.</p></div>")

index_reagent.cljs

(ns index-reagent
  (:require [reagent.core :as r]))

(defonce app-state (r/atom {:msg "hello"}))

(defn change-message
  [new-message]
  (swap! app-state assoc :msg new-message))

(defn render-app []
  [:div
   [:h1 "My Reagent app"]
   [:p "this was rendered by reagent"]
   [:h2 "Stand by for a message"]
   [:p (str "message is ... " (:msg @app-state))]])

(defn mountit []
  (r/render [render-app]
            (.getElementById js/document "app")))

Makefile

run:
	clj -Sdeps '{:paths ["."] :deps {org.clojure/clojurescript {:git/url "https://github.com/clojure/clojurescript" :sha "ec0e4c49fa5bf97d6c8b5a8e5d3bd957855bfe56"}}}' -m cljs.main -re browser -c index -r

run-reagent:
	clj -Sdeps '{:paths ["."] :deps {org.clojure/clojurescript {:git/url "https://github.com/clojure/clojurescript" :sha "ec0e4c49fa5bf97d6c8b5a8e5d3bd957855bfe56"} reagent {:mvn/version "0.8.0-alpha2"}}}' -m cljs.main -re browser -c index-reagent -r