SC-bsgen.js

@observer
export default class extends React.Component {
  constructor() { ... } // for brevity

  // define the data we want to "watch"
  @observable chosenPhrase = this.randomPhrases[0];
  @observable counter = 0;

  // define an "action" -> we are saying what that we want to change a peice of "watched" data
  @action
  changeState() { ... } // for brevity
  
  render() {
    return (
      <React.Fragment>
        <Header className={this.props.className}>
          Lean MobX React bullshit generator
        </Header>
        <MyButton className={this.props.className} onClick={this.changeState}>
          Generate Some BS
        </MyButton>
        <h2>Go Tweet this:</h2>
        <div>{this.chosenPhrase}</div>
        <h3>Demonstration of Some Mobx state shit</h3>
        <div> {`Button Clicked ${this.counter} Times`}</div>
      </React.Fragment>
    );
  }
}