umi + react+ antd_+mobx+ typescript项目

umi官网 :https://umijs.org/  支付宝当家大牛云谦搞得框架,不用自己配webpack babel那一堆烦人的东西。而且它约定了路由的规则。非常简单容易上手。

mobx  的官网:https://cn.mobx.js.org/   用mobx而不用dva主要是因为 dva的state是一个对象,项目过大对象会巨长 ,而mobx则更灵活。本项目中主要用到了mobx 的如下api

项目目录结构:

 所有的组件都在pages这个文件夹下。

下面简单贴一些 组件 store  model 之间的关系图

首先是组件:

store:

store对应的model

ioc.ts

posted @ 2018-06-07 17:55  misswho  阅读(3059)  评论(0编辑  收藏  举报