reduxVsMobx.js

// Modx
class Todo {
    id = Math.random();
    @observable text;
    @observable completed = false;
    constructor(text) {
        this.text = text;
    }
}

class Todos {
    @observable todos = [];
    
     add (todo) {
        this.todos.push(todo);
     }
}

// REDUX
const todo = (state = {}, action) => {
  switch (action.type) {
    case 'ADD_TODO':
      return {
        id: action.id,
        text: action.text,
        completed: false
      }
    default:
      return state
  }
}

const todos = (state = [], action) => {
  switch (action.type) {
    case 'ADD_TODO':
      return [
        ...state,
        todo(undefined, action)
      ]
    default:
      return state
  }
}