title: React/Redux Handling Two-Way Data
body: <p>I'm struggling to properly organize my Redux Store and my React components to properly deal with two-way nested data.</p>
  
  <p>Suppose I have a <code>post</code> model and a <code>user</code> model. Let's take an abstracted example:</p>
  
  <pre><code>const user = {
      "id": "1",
      "name": "user 1",
      "posts": [...] // list of post objects
  }
  
  const post = {
      "id": "1",
      "title": "post 1",
      "user": user
  }
  </code></pre>
  
  <p>The problem is that I cannot load this data like this because it will cause an infinite recursion error. I have to omit either the <code>posts</code> from the <code>user</code> or omit the <code>user</code> from the <code>posts</code>.</p>
  
  <p>Here's what I ideally need:</p>
  
  <p>I need to have a single <code>post</code> page that displays the post <code>user</code> with all his info (id, name) and the user's list of <code>posts</code> with the post info (id, title) in the same screen all at once.</p>
  
  <p>I use <code>normalizr</code> to normalize the data.</p>
  
  <p>How would I go about loading the data?</p>