Async Example

[Stephen Lautier]

Is it possible to create a simple example (or even modify one of your existing) to use some async add/get actions to better understand how will it work in real scenarios please?

Even if its a fake client such as

export interface Hero {
	key: string;
	name: string;
}


const HEROES_INITIAL: Hero[] = [
	{ key: "rexxar", name: "Rexxar" },
	{ key: "Malthael", name: "Malthael" },
	{ key: "diablo", name: "Diablo" },
];


export class HeroClient {

	private heroes: Hero[] = [...HEROES_INITIAL];

	getAll(): Promise<Hero[]> {
		return Promise.resolve(HEROES_INITIAL);
	}

	add(hero: Hero): Promise<Hero> {
		this.heroes.push(hero);
		return Promise.resolve(hero);
	}

	remove(hero: Hero): Promise<{}>	{
		this.heroes.splice(this.heroes.indexOf(hero), 1 );
		return Promise.resolve({});
	}

}

Thanks

[Adam Klein]

Hi,
this is a general MobX question. A good place to get info about async flows is here:
https://mobx.js.org/best/actions.html

All the best

[Stephen Lautier]

Yes i left it because you had 3 samples, and none contains a real scenario, especially with Angular. So I thought it would be good to have something like that.
But thanks anyway.

[Adam Klein]

@stephenlautier The reasoning is that the integration of Angular to MobX is in a very thin layer of observing the store directly from the view. Everything else - is completely agnostic to Angular, and specific to MobX.