Best way for dynamic interface, loaded from database, in React
<p>I need to rewrite a webapp, and I would like to do it in React.</p>

<p>How it currently works is that in the database there's a row for each "page", which could be something like</p>

<pre><code>{
  row: 1,
  column: 2,
  width: 2,
  height: 1,
  data: 'Why hello there',
  componentType: 'Box'
}
</code></pre>

<p>So, I have two problems here:</p>

<p><strong>One:</strong> I would like to dynamically load a React component ("Box") that I did not know about at run-time.</p>

<p><strong>Two:</strong> Is there some obvious way of doing the component/layout switching here? I know about react-routes, but all the tutorials I have seen shows it to be a lot more "static" (where you basically already know all your views and routes before the app starts, and where it doesn't really seem possible to get that data from a database)</p>