Quick hack attempt of using om components with reactjs.net prerendering

Experimenting-with-om-and-reactjsnet-prerendering.md

First issue was around using goog.require so I switched to a production build (advanced optimisations) build.

Second issue...

Visual studio reported errors trying to establish the virtual environment. It looks, perhaps, Google Closure was looking for features which would be available on a headless JS VM.

''' Error while loading "~/Content/ui/js/omapp.min.js": ReferenceError: XMLHttpRequest is not defined

at Script Document [6]:815:409 -> is.Wc=Math.max(0,k);this.Dg=h;this.send(b,c,d,Oi(e));return this};m=XMLHttpReq

'''

INSTALL.md

Based on:

• http://reactjs.net/getting-started/download.html
• http://reactjs.net/guides/server-side-rendering.html

These packages can be installed either via the UI in Visual Studio, or via the Package Manager Console:

Install-Package React.Web.Mvc4

Note: Need to retest against minimal test case but I have competing priorities just now unfortunately.

prerenderables.cljs

(ns prerenderables
  (:require [om.core :as om :include-macros true]
            [om.dom :as dom :include-macros true]
            [sablono.core :as html :refer-macros [html]]))


(defn ^:export HelloWorld [props owner]
  (om/component
    (html [:div.HelloWorld "Hello" (:name props)])))

ReactConfig.cs

namespace MyApp
{
    public static class ReactConfig
    {
        public static void Configure()
        {
            ReactSiteConfiguration.Configuration = new ReactSiteConfiguration()
                .AddScript("~/Content/ui/js/omapp.min.js");
        }
    }
}

template.cshtml

@Html.React("prerenderables.HelloWorld", new
{
    name = "Daniel"
})