client.js

/**
 * Copyright 2014, Yahoo! Inc.
 * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
 */
/*global App, document, window */
'use strict';
var React = require('react');
var debug = require('debug');
var bootstrapDebug = debug('Example');
var Fetcher = require('fetchr');
var Application = require('./app/app.js');

// Adding frontend only stuff (jQuery + Bootstrap JavaScript)
global.jQuery = require('jquery');
require('bootstrap/dist/js/bootstrap.min.js');

var fetcher = new Fetcher({
        xhrPath: Application.config.xhrPath
    });
var dehydratedState = App && App.Context; // Sent from the server

window.React = React; // For chrome dev tool support
debug.enable('*');

bootstrapDebug('rehydrating app');
var application = new Application({
    fetcher: fetcher,
    initialState: dehydratedState
});
window.context = application.context;

var app = application.getComponent();
var mountNode = document.getElementById('app');

bootstrapDebug('React Rendering');
React.renderComponent(app, mountNode, function () {
    bootstrapDebug('React Rendered');
});

// var markup = React.renderComponentToString(app);
// document.getElementById('app2').innerHTML = markup;