title: react redux-saga where to handle some logic
body: <p>I am using redux-saga with React. Lets say i'm fetching some data from server that need some external client side calculation. My question is where to put them.
  my saga looks something like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>function* someEffect(action){
      try{
          //removed none related stuff from the code.
          const data = yield call(someRequestFucntionThatUsesAxios, requestparams);
          if(data.status&gt;=200&amp;&amp;data.status&lt;300){
              yield put({type:SUCCESS, payload:data.data)};
          }
      catch(err){
      }
  }
  </code></pre>
  
  <p>In the above code <code>data.data</code> needs some calculation(basic math mostly). Now, which one of these options makes more sense?<br>
  handling those calculations in my connected components <code>componentDidUpdate</code> method.<br>
  handling them right after receiving it (before dispatching to to reducer).<br>
  (I know that reducer is no place for such behaviour but since it doesn't kill to ask,) handling it inside my reducer.</p>