title: React & MobX - To use React's state with MobX is anti-pattern?
body: <p>In most cases, I use <code>observable</code> with <code>observer()</code> in React components instead of React's state.</p>
  <p>However, to use React's state with MobX is anti-pattern? For example, is this below anti-pattern?</p>
  <pre class="lang-js prettyprint-override"><code>@observer
  class Counter extends React.Component {
    state = {
      count: 0
    };
  
    render() {
       return &lt;button onClick={this._handleClick}&gt;{count}&lt;/button&gt;
    }
  
    _handleClick = () =&gt; {
      this.setState(prev =&gt; {count: prev.count + 1});
    };
  }
  </code></pre>
  <p>I know it can be replaced with <code>observable</code> but I wonder if it is an anti-pattern.</p>
  <p>Or, is it better to use <code>observable</code> than to use React's state in observed components? if so, why?</p>