-
按功能组织代码
之前使用MVC框架开发的时候使用这样的代码组织方式(按角色组织)
controllers/ todoController.js fillterController.js models/ todoModels.js filterModels.js views/ todo.js todolist.js filter.js
redux应用适于”按功能组织”,也就是把完成同一应用功能的代码放在同一文件夹中
todoList/ actions.js actionType.js index.js reducer.js views/ component.js containter.js filter/ actions.js actionType.js index.js reducer.js views/ component.js containter.js
注意,index.js这个文件把所有的角色导入,然后统一导出
-
模块接口
index.js作为所有模块对外导出接口
-
状态树的设计
- 一个模块控制一个状态节点
- 避免冗余数据
- 树形结构扁平