Usage with View Model Store

View Model store allows you to get access to your view model instances from everywhere and give you more control of the creating view model instances.
Follow the simplest way of how to add view model store into your application:

1. Create a class implementing the ViewModelStore interface or use basic library implementation (ViewModelStoreBase).

import { ViewModelStoreBase } from "mobx-view-model";

class MyViewModelStore extends ViewModelStoreBase {}

2. Create instance of the ViewModelStore

const viewModelStore = new MyViewModelStore() // or new ViewModelStoreBase

3. Integrate with React using ViewModelsProvider somewhere in root of your application

<ViewModelsProviders value={viewModelStore}>
...
</ViewModelsProviders>

4. Get access to ViewModelStore inside your ViewModels

import { ViewModelBase } from "mobx-view-model";
import { ParentVM } from "../parent-vm";
import { ChildVM } from "../child-vm";
import { AppLayoutVM } from "@/app-layout"

export class YourVM extends ViewModelBase {
  get parentData() {
    return this.viewModels.get(ParentVM)?.data;
  }

  get childData() {
    return this.viewModels.get(ChildVM)?.data;
  }

  get appLayoutData() {
    return this.viewModels.get(AppLayoutVM)?.data;
  }
}