title: React + Redux: Scrolling a DOM element after state change
body: <p>New to Redux here, really just looking for a "best practice" answer.</p>
  
  <p>I am building a chat application using React + Redux. My app looks something like this:</p>
  
  <ul>
  <li>3 stateless components for my app container, message list, and input bar</li>
  <li>Actions for adding user messages/responses</li>
  <li>A reducer that takes in these actions and returns a messages array</li>
  <li>Chat middleware which handles a emitting a socket message when then ADD_MESSAGE action is dispatched</li>
  </ul>
  
  <p>So far so good. Everything is working well, however I'm unsure of how/where in this sequence I should be making DOM manipulations. Specifically, I would like to scroll to the bottom of my <code>message-list</code> container whenever my messages state changes.</p>
  
  <p>All I need to fire is something like: <code>messagesListElement.scrollTop = messagesListElement.scrollHeight;</code>, but not sure where the appropriate place to do this is.</p>