Actions that depend on other actions

bad.js

class TodoStore {
  createdTodo(todo) {
    this.todos.push(todo)
  }
  
  save() {
    ...
  }
}

class TodoView extends React.Component {
  onCreateTodo() {
    TodoActions.createdTodo('Write the tests')
  }
  
  componentDidUpdate() {
    TodoActions.saveAllTodos()
  }
  
  render() {
    return this.todos.map(todo => <Todo todo={todo} />)
  }
}

good.js

class TodoStore {
  createdTodo(todo) {
    this.todos.push(todo)
    this.save()
  }
  
  save() {
    ...
  }
}

class TodoView extends React.Component {
  onCreateTodo() {
    TodoActions.createdTodo('Write the tests')
  }
  
  render() {
    return this.todos.map(todo => <Todo todo={todo} />)
  }
}