feat(compile): add support for pre rendering React components

lib/compiler/react-tsx.js

@@ -104,7 +104,7 @@ function replaceCSSImportStatments(code, files) {
 }
 
 function transformReactElement(el) {
-  const node = {
+  let node = {
     type: "element",
     name: "",
     text: "",
@@ -124,14 +124,21 @@ function transformReactElement(el) {
         break;
     }
   } else if (typeof el.type === "function") {
+    if (el.type.shouldPreRender) {
+      const newNode = transformReactElement(el.type(el.props));
+      if (el.props.$ref) {
+        newNode.attributes.ref = el.props.$ref;
+      }
+      return newNode;
+    }
     node.name = el.type.constructor.name;
   } else {
     return;
   }
 
   const attrMap = {
-    className: 'class',
-    $ref: "ref"
+    className: "class",
+    $ref: "ref",
   };
   Object.keys(el.props).forEach((propKey) => {
     let key = propKey;
@@ -149,7 +156,9 @@ function transformReactElement(el) {
     if (key in attrMap) {
       key = attrMap[key];
     }
-    node.attributes[key] = el.props[propKey];
+    if (typeof el.props[propKey] !== 'undefined') {
+      node.attributes[key] = el.props[propKey];
+    }
   });
   return node;
 }