结合Mobx

可以直接在NornJ模板中使用Mobx提供的组件：

import { Provider } from 'mobx-react';

nj`
  <${Provider} store=${store}>
    <${App} />
  </${Provider}>
`()

使用nornj-react包中的mobx组件与扩展

在nornj-react包中提供一些默认封装的组件和扩展，可更方便地使用Mobx。

这样引入即可：

import 'nornj-react/mobx';

nornj-react中的组件名称	对应的Mobx组件
mobx-Provider	Provider

使用方法如下，和Mobx原生组件完全相同：

nj`
  <mobx-Provider store=${store}>
    <${App} />
  </mobx-Provider>
`()

nornj-react中的过滤器名称	对应的Mobx方法
toJS	toJS

使用方法如下，和Mobx原生方法完全相同：

nj`
  <input value="{toJS(store.value)}" />
  <!-- 或<input value="{store.value | toJS}" /> -->
`()

针对Mobx我们提供了实现双向绑定的指令#mobx-model，具体请见这里。

由于Mobx是我们主力使用的React状态管理库，所以我们创建了完整的前端脚手架用于快速开发项目：

该脚手架的使用方法类似于vue-cli，目前可创建完整的基于react + mobx的项目模板，并有快速上手文档。