main_react_mounts.js

var loadContent = function(name, success, fail){
	$.ajax({
			url:name+ "/get",
			type:"GET",
			dataType:"json",
			success: function(data) { success(name, data); },
			error: fail
		});
};

//Create and mount the components
var headerMountNode = document.getElementById("react-header-node");
React.render(React.createElement(Header, { title: initialData.header.title, headerImageLeft:initialData.header.headerImageLeft, headerImageRight: initialData.header.headerImageRight }), headerMountNode);

var page = getPage();
var menuMountNode = document.getElementById("react-menu-node");
var menu = React.render(React.createElement(Menu, {active:initialData.menu.active, menuClickHandler: menuClickHandler}), menuMountNode);

//For contentPanel, we need to fetch the content first
var contentPanelMountNode = document.getElementById("react-content-panel-node");
var contentPanel;

loadContent(initialData.contentPanel.content, 
	function(name, data){
		contentPanel = React.render(React.createElement(ContentPanel, {content: data.contentPanel, loadingImage: initialData.contentPanel.loadingImage}), contentPanelMountNode);	
	}, 
	function(xhr, status, error){
		content = "Error loading content. " +status +" - " + error ;
	});