React redux architecture: where to do data organization - action or store or component?
<p>I'm learning to build a pokemone app that hits the <a href="http://www.pokeapi.co/" rel="nofollow">pokemon api</a>, which gives you a lot more info then you need. I'm having trouble figuring out where I should put my code that sifts out the only info I need for my app.</p>

<p>For example, fetching a pokemon's type will return you a <code>type</code> object that looks like this:</p>

<pre><code>{pokemon: [...], weakAgainst: [...]}
</code></pre>

<p>If this is what is the data that I'm getting back from my ajax request, and I only want the pokemon array, should</p>

<ol>
<li><p>I sift this out in the success of the ajax call that is in my actionsCreators.js and then return that to be dispatched to the store? or</p></li>
<li><p>dispatch all of the data type object to my reducer and then in my reducer.js file sift out the pokemon array and copy it to my state? or</p></li>
<li><p>copy the whole data object to my state and then sift out the pokemone array in my component's props (that was passed down from mapStateToProps)?</p></li>
</ol>

<p>I'm thinking it should be in the reducer? Because it's job is to <em>reduce</em> data to what you need and move it on to the state?</p>