const {observable, observe, autorun, action} = mobx;

​

class TodoStore {

  @observable todos = [];

​

  constructor() {

    autorun(() => {

      const newTodos = this.todos.slice();

      console.log('The todos array was sent to firebase');

    })

  }

​

  @action addTodo(todo, important) {

    const newTodo = {

     id : Math.random(), 

     text : todo,

     isImportant : important,

     completed : false,

     date : Date.now()

    };

​

    this.todos.push(newTodo);

  }

}

​

const todoStore = new TodoStore();

​

setTimeout(() => {

  todoStore.addTodo('A todo', true);

  setTimeout(() => todoStore.todos[0].text = 'A changed todo', 1000);

}, 1000);

​