title: MobX - Reset all store observables back to initial state?
body: <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>