title: ReactJs & Flux: Fetching data when routing
body: <p>Tools: Reactjs 0.14.0,Vanilla Flux, React-Router</p>
  
  <p>My question are all in bold.</p>
  
  <p>Generally, <strong>should it only be the top-level component(controller-view) where all data is loaded into the store?</strong>(in the componentDidMount method)</p>
  
  <p>I ask because I've been confused because of the following:</p>
  
  <p>When dealing with routing(different sub-trees of child components) the data needed to render will change depending on what child sub-tree is displayed.</p>
  
  <p><strong>I'm guessing we would just grab all the data for all the components(included the ones not yet rendered) and put it into the store. Is that about right for most cases?</strong></p>
  
  <p>But when I consider making things fast and smooth -I'm assuming,depending on the routing, you might want to make special web api calls for data-heavy components that are initially needed or to refresh
  some of the data for that particular component.</p>
  
  <p><strong>Is it okay to delegate some loading to child components or is that going to get me into trouble?</strong> </p>