resources/renderReactPage.js

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the license found in the
 * LICENSE file in the root directory of this source tree.
 */

var ReactDOM = require('react-dom/server')
var React = require('react');

module.exports = renderReactPage;

/**
 * Options:
 *
 *   - component: A Component constructor class
 *   - props: The props to provide to the Component
 *
 */
function renderReactPage(options) {
  var component = options.component;
  var props = options.props;

  var html = ReactDOM.renderToStaticMarkup(
    React.createElement(component, props)
  );

  if (html.indexOf('<feed') !== -1) {
    // react remove namespace so we re-add manually
    html = html.replace('<feed>', '<feed xmlns="http://www.w3.org/2005/Atom">');

    return '<?xml version="1.0" encoding="utf-8"?>' + html;
  }

  // Assert correct return
  if (html.indexOf('</body></html') === -1) {
    throw new Error(
      'Component ' + component.displayName + ' did not return <html>'
    );
  }

  // Append DOCTYPE
  html = '<!DOCTYPE html>' + html;

  // Return rendered source
  return html;
}