redux的best practice,增加一个功能要改7个文件?有没有更好的做法?

itwriter 发布于 2017/03/21 17:52
阅读 164
收藏 0

目录结构:

根据国外的redux的best practice相关文章,重构部分代码。重构后,一个组件要添加一个新的查询功能(涉及异步请求),需要改动7个文件,

分别是:actionTypes(action type的常量文件)、actions(存放action creators)、reducers(这里用于缓存查询结果)、sagas(专门存放异步调用)、routes(该异步请求在路由跳转时调用)、component、container

这样重构完以后,代码确实清晰了很多,相信调试也会比较容易。

但是,新增一个功能就得改7个文件,真的合理吗?(尽管已经比以前瞎写的好)

有没有更好的做法?

 

加载中
1
自由之信
自由之信

redux ducks proposal 的概念可以用

{actions, actionTypes, reducer} 放在一个文件里。 

https://github.com/erikras/ducks-modular-redux

这是在 react native 里面用的。

"dependencies": {
  "app-data": "file:./app/module-data",
  "app-redux": "file:./app/module-redux",
  "app-service": "file:./app/module-service",
  "app-style": "file:./app/module-style",

 

 

 

 

返回顶部
顶部