title: How to dynamically created "compiled" React components without babel on the fly?
body: <p>If I have a nested object of nodes something like (ignore the syntax):</p>
  
  <pre><code>const el = {
    node: {
      name: 'Svg',
      attrs: { height: "40", width: "40", viewBox: "0 0 22 22" },
      children: [
        {
          node: {
            name: 'G',
            attrs: null,
            children: [
              {
                node: {
                  name: 'Path',
                  attrs: { d: "M15.39,1c0.107" },
                  children: nullm
                }
              }
            ]
          }
        }
      ]
    }
  };
  </code></pre>
  
  <p>is it possible to dynamically and on-the-fly create a nested "compiled" React element without babel within my React Native app's JS, like:</p>
  
  <pre><code>function el() {
    return React.createElement(
      Svg,
      { height: "40", width: "40", viewBox: "0 0 22 22" },
      React.createElement(
        G,
        null,
        React.createElement(
          Path,
          { d: "M15.39,1c0.107" }
        )
      )
    );
  };
  </code></pre>