首先需要提醒的是,这里涉及到Redux和Redux-router的很多知识,如果不熟悉的话,最好能先去找点文档和例子看看,把里面的一些基本概念弄清楚。 Redux提供的,我们一般不能直接调用reducer,而是调用dispatch,把action传给它,它会帮我们拿到当前的store,并且把它(或者一部分)和action一起传给reducer去做转换 redux-router 传进来的第一个参数是用来表示这是什么类型的数据,其它地方可以根据这个类型发送不同的请求或进行不同的操作 第2处是定义前台列出数据(就是常用的list页面)的router路径,默认就type的复数,比如balance就是/balances,它会被redux-router 还记得前面action骨架中定义了fetchAll函数吗) 第2处根据传入的参数来确定这个router里到底有哪些routes,比如是否需要“新建”,“显示”等等 第3处就是返回值,返回了一个对象,它是可以被redux-router
React: React – 编写页面组件 Redux – 数据流和状态管理,一般结合 redux-saga 使用 React-router v4 – 前端路由管理(Note:dva 整合了 redux, redux-router 在熟悉了基本的 Redux, Redux-saga, Redux-router 的使用之后,可以尝试用 dva 替代) Webpack – 前端构建工具 用到的其他类库,技术选择和工具 前端开发我在用到的其他类库
react-controllables recompose redux-ui redux mobx-react cerebral 路由 react-router react-router-component redux-router
单页应用总得处理路由,可选余地很多,为了风格统一还是选用配套的react-router,为了管理方便,再用个redux-router。