Skip to content

Instantly share code, notes, and snippets.

@etaque

etaque/index.html

Created September 4, 2014 08:34
Show Gist options
  • Save etaque/04fca81b209a4075caa7 to your computer and use it in GitHub Desktop.
Save etaque/04fca81b209a4075caa7 to your computer and use it in GitHub Desktop.
Download ZIP
Hello world Om
Raw
index.html
<html>
<body>
<div id="my-app"></div>
<script src="http://fb.me/react-0.11.1.js"></script>
<script src="out/goog/base.js" type="text/javascript"></script>
<script src="pomodoro.js" type="text/javascript"></script>
<script type="text/javascript">goog.require("pomodoro");</script>
</body>
</html>
Raw
pomodoro.cljs
(ns pomodoro
(:require [om.core :as om :include-macros true]
[om.dom :as dom :include-macros true]))
(defn widget [data owner]
(reify
om/IRender
(render [this]
(dom/h1 nil (:text data)))))
(om/root widget {:text "Hello world!"}
{:target (. js/document (getElementById "my-app"))})
Raw
project.clj
(defproject zu/pomodoro "0.1.0"
:plugins [[lein-cljsbuild "1.0.4-SNAPSHOT"]]
:dependencies [[org.clojure/clojure "1.6.0"]
[org.clojure/clojurescript "0.0-2311"]
[org.clojure/core.async "0.1.338.0-5c5012-alpha"]
[om "0.7.1"]
[com.facebook/react "0.11.1"]]
:cljsbuild
{:builds
{:dev
{:source-paths ["src"]
:compiler {:output-to "pomodoro.js"
:output-dir "out"
:optimizations :none
:source-map true}}
:prod
{:source-paths ["src"]
:compiler {:output-to "out-prod/pomodoro.prod.js"
:output-dir "out-prod"
:optimizations :advanced
:externs ["react/externs/react.js"]
:pretty-print false
:output-wrapper false
:closure-warnings {:externs-validation :off
:non-standard-jsdoc :off}}}}})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment