Works with a simple, REAL hello world component now!

Author: geoffp

lib/engine_react.js

@@ -19,7 +19,9 @@
 
 "use strict";
 
-var React = {};
+const React = require('react');
+const ReactDOMServer = require('react-dom/server');
+const Babel = require('babel-core');
 
 var engine_react = {
   engine: React,
@@ -40,9 +42,23 @@ var engine_react = {
   // render it
   renderPattern: function renderPattern(pattern, data, partials) {
     try {
-      return "hey! this should be react, yeah";
+      /* eslint-disable no-eval */
+      const componentString = pattern.template || pattern.extendedTemplate;
+      const transformedComponent = Babel.transform(componentString, {
+        presets: [
+          require('babel-preset-react')
+        ],
+        plugins: [
+          require('babel-plugin-transform-es2015-modules-commonjs')
+        ]
+      });
+      const Component = React.createFactory(
+        eval(transformedComponent.code)
+      );
+
+      return ReactDOMServer.renderToStaticMarkup(Component({}));
     } catch (e) {
-	    console.log("e = ", e);
+	    console.log("Error rendering React pattern.", e);
 	    return "";
     }
   },