prerender.js

function Hello(name){
  return ["div", null,
    ["b", null, "Hello "],
    ["i", null, name]
  ];
}

function prerender(root){
  for(var i in root)
    if(Array.isArray(root[i]))
      root[i] = prerender(root[i])

  return React.createElement.apply(this, root)
}

ReactDOM.render(
  prerender(Hello("World")),
  document.getElementById('container')
);

prerender_components.js

function Hello(name,key){
  // React wants key props for itertators
  return ["p", {key: key},
    ["b", null, "Hello "],
    ["i", null, name]
  ];
}

function HelloAll(names){
  var allNames = names.map(function(name,i){
    return Hello(name,i)
  })
  return ["div", null, allNames]
}

function prerender(root){
  for(var i in root)
    if(Array.isArray(root[i]))
      root[i] = prerender(root[i])
   
  if(typeof root[0] == 'string')
    return React.createElement.apply(this, root)
  else return root
}

var names = ["John", "Amy", "Paul", "Kay"]

ReactDOM.render(
  prerender(HelloAll(names)),
  document.getElementById('container')
);