title: Combine useReducer with useState in the same component
body: <p>I use react hooks <code>useReducer</code> that contains my state, let's say I have 3 state fields - <code>a</code>,<code>b</code> and <code>c</code>.
  Those fields tie together and mostly change together - so the reducer function is cohesive.
  If I have different state field <code>d</code> that is not cohesive to the other state - should I use both <code>useState</code> (for <code>d</code>) and <code>useReducer</code> (for <code>a</code>,<code>b</code> and <code>c</code>) at the same component or it's better to use the same reducer function? Moreover - if I have more fields like <code>d</code> that changes in similar places - should I use 2 seperate reducers?
  What is the best practice for this case?</p>