title: Redux - handling really large state object
body: <p>I have a simple react + flask application.
  I want to load some data (~10mb) when the user clicks a button, and then use this data.
  Because two different components have to interact with this data, i thought ill save the data as a global state using redux.</p>
  <p>What i basically have is two components:</p>
  <ol>
  <li>have a button that calls an action to load the large data from the flask server (and save that data into the global redux state)</li>
  <li>uses the data (from the global state)</li>
  </ol>
  <p>Once i did that, i was getting &quot;SerializableStateInvariantMiddleware took 509ms, which is more than the warning threshold of 32ms.&quot;, Which made me think this isnt the right way to do so.</p>
  <p>What is the right way to handle something like that?
  Should i keep a different smaller state (so i know the &quot;load data&quot; button was clicked), and read that state from the second component and only then load the data into a private state?
  (check if the global state was changed and if it did, call an action and save the data in the private state?)</p>