title: How to handle global state data into deeply nested components in Redux?
body: <p>So say you have a chat aplication with this component structure:</p>
  
  <pre><code>&lt;ChatApp&gt;
    &lt;CurrentUserInfo&gt;...&lt;/CurrentUserInfo&gt;
    &lt;ChatsPanel&gt;...&lt;/ChatsPanel&gt;
    &lt;SelectedChatPanel&gt;
      &lt;MessagesList&gt;
        &lt;MessageBaloon&gt;
          &lt;MessageText&gt;&lt;/MessageText&gt;
          &lt;MessageUserHead&gt;&lt;/MessageUserHead&gt;
        &lt;/MessageBaloon&gt;
        ...
      &lt;/MessagesList&gt;
    &lt;SelectedChatPanel&gt;
  &lt;/ChatApp&gt;
  </code></pre>
  
  <p>And a Redux state like:</p>
  
  <pre><code>{ 
    currentUser: ...,
    chatsList: ...,
    selectedChatIndex: ...,
    messagesList: [ ... ]
  }
  </code></pre>
  
  <p>How would you make the current user information available to the <code>&lt;MessageUserHead&gt;</code> component (that will render the current user thumbnail for each message) without having to pass it along all the way from the root component thru all the intermediate components?</p>
  
  <p>In the same way, how would you make information like current language, theme, etc available to every presentational/dumb component in the component tree without resorting to exposing the whole state object?</p>