mobx-reuse-store.ts

class ListStore<T> {
  isLoading = false;
  list: T[] = [];

  constructor(loadList: () => Promise<T[]>) {
    makeAutoObservable(this)
  }

  loadList() {
    this.isLoading = true;
    loadList()
      .then(action((data) => this.list = data))
      .finally(action(() => this.isLoading = false))
  }
}

const userListStore = new ListStore<User>(() => api.loadUsers());
const postListStore = new ListStore<Post>(() => api.loadPosts());