Mobx Experiments

by ramnathv

HTML

<script src="//npmcdn.com/[email protected]/lib/mobx.umd.js"></script>

Babel + JSX

const observable = mobx.observable;
const computed = mobx.computed;

class Person {
  // observable state:
  @observable firstName = "Michel";
  @observable lastName = "Weststrate";
  @observable nickName;
  
  // computed values:
  @computed get fullName() {
    return this.firstName + " " + this.lastName;
  }
}

class OrderLine {
  @observable price:number = 0;
  @observable amount:number = 1;
  constructor(price){
    this.price = price;
  }
}

console.log(new OrderLine())