Hopefully it's helpful. :) Here's a branch with the completed Basic tutorial. The commit log for the branch follows the Basic Tutorial. https://github.com/christoferjennings/om-start-template/tree/om-0-5-0-tut/samples/om-0-5-0-tut
I still need to relaunch Cider occasionally. Basically every time the HTML files changes or the namespace of core.cljs changes. Don't know why. ,chris On Thursday, February 27, 2014 10:50:03 AM UTC-8, David Nolen wrote: > > Many thanks for taking the time to implement & share your solution! > > David > > > On Thu, Feb 27, 2014 at 1:40 PM, boz <b...@cox.net <javascript:>> wrote: > >> Hi David, Clifford, >> >> I'm pretty sure Clifford is using the Cider version from >> Mimmo<https://github.com/magomimmo/om-start-template/>. >> I've got a fork of >> it<https://github.com/christoferjennings/om-start-template>with updates so >> it work with Om 0.5.0 and React 0.9.0 that I've used to get >> through the basic tutorial so far. Clifford and I have talked about it >> here <https://github.com/magomimmo/om-start-template/issues/5> and there >> is a pull request <https://github.com/magomimmo/om-start-template/pull/6>. >> When using the Cider version the HTML should actually look like this >> (using "om_ho.js" to match Clifford's)... >> >> <html> >> <body> >> <div id="registry"></div> >> <script src="http://fb.me/react-0.9.0.js";></script> >> <script src="js/om_ho.js"></script> >> </body> >> </html> >> >> >> I plan to put some examples online asap, hopefully by tomorrow, so other >> newbies (like myself) can compare notes. ... One thing that I stumbled on >> was that the tutorial shows the whole HTML but really, afaik, the only >> change was the id of the div (from "app" to "registry"). >> >> I'm having a lot of fun working on this stuff, btw. Om is very cool. >> Looking forward to getting into the intermediate tutorial with Datomic too >> :) >> >> ,chris >> >> On Thursday, February 27, 2014 6:03:22 AM UTC-8, David Nolen wrote: >> >>> Your markup needs to look something like: >>> >>> <div id="classes"></div> >>> <script src="http://fb.me/react-0.9.0.js";></script> >>> <script src="js/out/goog/base.js" type="text/javascript"></script> >>> <script src="js/om_ho.js" type="text/javascript"></script> >>> <script type="text/javascript">goog.require("om_ho.core");</script> >>> >>> HTH, >>> David >>> >>> >>> On Thu, Feb 27, 2014 at 6:26 AM, cig <clifford...@gmail.com> wrote: >>> >>>> Hi David >>>> >>>> I tried changing :advanced mode to :whitespace mode. My index.html file >>>> looks as follows: >>>> >>>> <html> >>>> <body> >>>> <div id="registry"></div> >>>> <script src="http://fb.me/react-0.9.0.js";></script> >>>> <script src="js/om_ho.js"></script> >>>> </body> >>>> </html> >>>> >>>> my project.clj file looks as follows: >>>> (defproject om-ho "0.0.1-SNAPSHOT" >>>> :description "FIXME: write description" >>>> :url "http://example.com/FIXME"; >>>> :license {:name "Eclipse Public License - v 1.0" >>>> :url "http://www.eclipse.org/legal/epl-v10.html"; >>>> :distribution :repo} >>>> >>>> :min-lein-version "2.3.4" >>>> >>>> :source-paths ["src/clj" "src/cljs"] >>>> >>>> :dependencies [[org.clojure/clojure "1.5.1"] >>>> [org.clojure/clojurescript "0.0-2156"] >>>> [org.clojure/core.async "0.1.267.0-0d7780-alpha"] >>>> [om "0.5.0"] >>>> [com.facebook/react "0.9.0"]] >>>> >>>> :plugins [[lein-cljsbuild "1.0.2"]] >>>> >>>> :hooks [leiningen.cljsbuild] >>>> >>>> :cljsbuild >>>> {:builds {:om-ho >>>> {:source-paths ["src/cljs"] >>>> :compiler >>>> {:output-to "dev-resources/public/js/om_ho.js" >>>> :optimizations :none >>>> :pretty-print false}}}}) >>>> >>>> With this setup. Evaluating core.cljs (which is taken directly from >>>> your Higher Order Components tutorial) I see the, "XHR finished Loading" >>>> events in the browser, which is a good sign, but the only text which >>>> renders is, "Registry". I assume this is because of the missing >>>> goog.closure lines in the index.html file >>>> >>>> i.e. >>>> <script src="out/goog/base.js type="text/javascript"></script> >>>> <script type="text/javascript">goog.require("om_ho.core");</script> >>>> >>>> When I include these two lines I get the same errors that Chris >>>> mentioned above. >>>> >>>> Would really appreciate your help. >>>> >>>> Clifford >>>> >>>> On Monday, 24 February 2014 03:22:22 UTC+2, boz wrote: >>>>> >>>>> I'm having trouble with the Om basic tutorial Higher Order >>>>> Components<https://github.com/swannodette/om/wiki/Basic-Tutorial#wiki-higher-order-components> >>>>> using >>>>> emacs and a slightly modified version of https://github.com/magomimm >>>>> o/om-start-template that points to Om 0.5.0 and React 0.9.0. >>>>> My version is https://github.com/christoferjennings/om-start-template >>>>> >>>>> The template doesn't have the goog/base.js out of the box. When I add >>>>> it, I get a "Uncaught ReferenceError: goog is not defined" (Chrome >>>>> Version >>>>> 33.0.1750.117) >>>>> >>>>> Here's the final html (basically the same as in the tutorial. >>>>> <html> >>>>> <body> >>>>> <div id="registry"></div> >>>>> <script src="http://fb.me/react-0.9.0.js";></script> >>>>> <script src="out/goog/base.js" type="text/javascript"></scrip >>>>> t> >>>>> <script src="my-stuff.js" type="text/javascript"></script> >>>>> <script type="text/javascript">goog.re >>>>> quire("my-stuff.core");</script> >>>>> </body> >>>>> </html> >>>>> >>>>> There is no "out/goog/base.js", so I'm not too surprised goog is >>>>> undefined. I'm stumped, though, because I don't know if the goog >>>>> stuff that ends up in the .repl folder should be enough, or if I have to >>>>> do >>>>> something special to get the goog stuff to be in the out folder. I've >>>>> tried >>>>> "lein cljsbuild once" without luck. >>>>> >>>>> Any ideas on what I'm doing wrong? >>>>> >>>>> Thanks! >>>>> >>>>> >>>>> >>>>> >>>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Clojure" group. >>>> To post to this group, send email to clo...@googlegroups.com >>>> >>>> Note that posts from new members are moderated - please be patient with >>>> your first post. >>>> To unsubscribe from this group, send email to >>>> clojure+u...@googlegroups.com >>>> >>>> For more options, visit this group at >>>> http://groups.google.com/group/clojure?hl=en >>>> --- >>>> You received this message because you are subscribed to the Google >>>> Groups "Clojure" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to clojure+u...@googlegroups.com. >>>> >>>> For more options, visit https://groups.google.com/groups/opt_out. >>>> >>> >>> -- >> You received this message because you are subscribed to the Google >> Groups "Clojure" group. >> To post to this group, send email to clo...@googlegroups.com<javascript:> >> Note that posts from new members are moderated - please be patient with >> your first post. >> To unsubscribe from this group, send email to >> clojure+u...@googlegroups.com <javascript:> >> For more options, visit this group at >> http://groups.google.com/group/clojure?hl=en >> --- >> You received this message because you are subscribed to the Google Groups >> "Clojure" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to clojure+u...@googlegroups.com <javascript:>. >> For more options, visit https://groups.google.com/groups/opt_out. >> > > -- You received this message because you are subscribed to the Google Groups "Clojure" group. To post to this group, send email to clojure@googlegroups.com Note that posts from new members are moderated - please be patient with your first post. To unsubscribe from this group, send email to clojure+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/clojure?hl=en --- You received this message because you are subscribed to the Google Groups "Clojure" group. To unsubscribe from this group and stop receiving emails from it, send an email to clojure+unsubscr...@googlegroups.com. For more options, visit https://groups.google.com/groups/opt_out.
