mst-store-element

mst-store-element.js

import { types } from 'mobx-state-tree';

// USER MODEL THAT COULD BE USED/IMPORTED ANYWHERE IN THE APP
const User = types.model(
  {
    name: types.string,
    lastName: types.string,
    get fullName(){
      return `${this.name} ${this.lastName}`;
  },
	{
    setName(name){
      this.name = name
    },
    setLastName(lastName){
      this.lastName = lastName
    }
	}
);

// USER STORE THAT WILL BE INJECTED TO COMPONENTS
const UserStore = types.store(
  {
    users: types.optional(types.array(User), [])
  },
  {
    addUser(user){
      this.users.push(user); 
    },
    clearUsers(){
      this.users.clear();
    }
  }
);

export default UserStore;
export { User };