Mobx State Tree Utils

Collection of utilities to help you use mst for server side rendering and more.

Features

• Server and client hydration
• dispatch mobx-state-tree actions

Installation

yarn add mst-utils

or

npm install mst-utils

Getting Started

import { store } from 'mst-utils';
import counter from './stores/counter';

export default store.setup({ counter });

Initialize stores

Somewhere on the server initialize your models by calling store.create(state).

Dehydrate

Dehydrate your state on the server

import { dehydrate } from 'mst-utils';

const state = hydrate();

// Do something with state
window.__STATE = state

Rehydrate

Rehydrates your state from the server. Should be called in your index client file.

import { rehydrate } from 'mst-utils';

rehydrate();

Dispatch

Dispatch any function from your mst models in the store.

import { dispatch } from 'mst-utils';

dispatch('counter.increment');