title: Traverse through JSON and create React components
body: <p>How can I traverse through my data structure and create React components?</p>
  
  <pre><code>{
    component: "View",
    attributes: {
      id: 'main'
    },
    child: [
      {
        component: "Text",
        content: "Hello World!"
      },
      {
        component: "Link",
        attributes: {
          href: "#"
        },
        child: [
          {
            component: "Text",
            content: "Click me!"
          }
        ]
      }
    ] 
  }
  </code></pre>
  
  <p>Would output:</p>
  
  <pre><code>&lt;View&gt;
    &lt;Text&gt;Hello World!&lt;/Text&gt;
    &lt;Link&gt;Click me!&lt;/Link&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>How can I dynamically achieve this where it works regardless of the number of nested components?</p>
  
  <p>I am able to make the top level component, but traversing through the <code>child</code> elements is where I hit a brick wall.</p>