title: Multiple reducers for the same state
body: <p>I have a redux application where i initially async fetch some messages from my server.</p>
  
  <p>I've hooked up the app to a signalR connection, and when the user submits a message, i need to to be added to the Redux state.
  However it seems like i cant update the state, or at least im doing it wrong.</p>
  
  <p>When the server send a new message to the client i call my action <code>addMessagesSignalR</code></p>
  
  <pre><code>store.dispatch(addMessagesSignalR(messageFromServer));
  </code></pre>
  
  <p>The action is</p>
  
  <pre><code>export function addMessagesSignalR(Obj) {
  let messageFromServer = Obj;
     return {
       type: 'FETCH_MESSAGES_SIGNALR',
       payload: messageFromServer
     };
  }
  </code></pre>
  
  <p>And my reducer is:</p>
  
  <pre><code>export default function(state = [], action) {
  switch(action.type) {
      case 'FETCH_MESSAGES':
          return Object.assign({}, state, action.payload);
      case 'FETCH_MESSAGES_SIGNALR':
          return Object.assign({}, state, action.payload)
  }
  return state;
  </code></pre>
  
  <p>}</p>
  
  <p>Im trying to merge the state of the fetched messages with the message recieved from signalR in my rootReducer:</p>
  
  <pre><code>messages: fetchMessages
  </code></pre>