Have you tried Freezer.js? https://github.com/arqex/freezer https://github.com/arqex/freezer It is a global store that can be modified inside of the component

Have you tried Freezer.js? https://github.com/arqex/freezer https://github.com/arqex/freezer It is a global store that can be modified inside of the components safely, as if it was component's local state. A change anywhere in the store will trigger an update event at the top of the store, notifying the rest of the app. So if you use a part of the freezer store as local state for your component, you'll get both requirements: * Any change to the local state will rerender your component - ease of use. * Your component's local state won't be hidden anymore. You will be able to access it from outside the component.