Reusable react-redux container components
<p>In my React/Redux app I am often facing with the problem of implementing components with state which should be used throughout the app. 
Let's take simple popup component as an example with open/close state which can be reused in any page. 
Here is two possible approaches I found: </p>

<ul>
<li><p>Use <code>setState</code> and "local" reducer (I use <a href="https://github.com/acdlite/recompose#you-can-use-recompose-to" rel="noreferrer">recompose.withReducer</a> which is just syntax sugar for React's native  <code>setState</code>) to manage its state. It looks easy and reusable until you need change the component's state in the other part of your page (close popup in out case). And you cannot just call some redux action to change the state.  </p></li>
<li><p>Keep the component's state in the Redux store. With such approach we can call <code>closePopupAction({ id })</code> in any place of the components tree to change it's state.` But we need somehow put its reducer (which i want to keep in the popup's folder) to the root reducer when the component is mounted and delete it when the component is unmounted. Plus we can have multiples popups in the page and each of them have its own state.</p></li>
</ul>

<p>Did anybody face with a similar problem ? </p>