MobX - Reset all store observables back to initial state?
<p>Given a <code>MyQuestionStore</code> store:</p>

<pre><code>class MyQuestionStore {
  @observable asked = 'today';
  @observable answered = false;
  @observable question = {
    upvotes: 0,
    body: null,
    asker: null,
    askerPoints: null,
    askerBadges: null
  }
  // some more initial state observables...
  // some actions below...
}

const myQuestionStore = new MyQuestionStore();
export default myQuestionStore;
</code></pre>

<p>What would be the correct way to reset all store observables back to their initial states data ('today'/false/0/null/etc..)?</p>

<p><strong>NOTE:</strong> Something like <code>MyQuestionStore.reset()</code> for example I think would be a good MobX way, but I don't think it exists. I would have to write an action called <code>reset</code> and manually reset each observable back to its initial state. I don't think that would be the right way, since if I add more <code>observables</code>, I would have to manually add them to the <code>reset</code> action every time.</p>