How to use the mobx-utils.createViewModel function in mobx-utils

To help you get started, we’ve selected a few mobx-utils examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github PacktPublishing / MobX-Quick-Start-Guide / src / Chapter08 / createViewModel.js View on Github external
export const CreateViewModelExample = asComponent(() => {
    class FormData {
        @observable name = '';
        @observable email = '';
        @observable favoriteColor = '';
    }

    const viewModel = createViewModel(new FormData());

    autorun(() => {
        console.log(
            `ViewModel: ${viewModel.name}, Model: ${
                viewModel.model.name
            }, Dirty: ${viewModel.isDirty}`,
        );
    });

    viewModel.name = 'Pavan';
    viewModel.email = 'pavan@pixelingene.com';
    viewModel.favoriteColor = 'orange';

    console.log('About to reset...');
    viewModel.reset();