MobX implementation

todoStore.js

// todoStore.js

class TodoStore {
  @observable todos = []

  getTodos = () => {
    return this.todos
  }

  getTodo = id => {
    return this.todos.find(todo => todo.id === id)
  }

  addTodo = text => {
    this.todos.push({ id: Date.now(), text })
  }

  removeTodo = id => {
    this.todos = this.todos.filter(todo => todo.id !== id)
  }
}

const todoStore = new TodoStore()

export default todoStore

// then in my components I import todoStore and call it's methods
// (instead passing it around through props, I just import it directly)