React [8]（模块化React和Redux应用）

[HuangHongRui]

模块化要点：

当开始一个新应用的时候！！需要考虑清楚的事情：

1. 代码文件的组织结构
2. 确定模块边界
3. store的状态树涉及

这构建一个应用的基础。

代码文件的组织方式：

1. 按照角色组织
2. 按功能组织

模块接口：

1. 选址并保持一种模块导出方式
2. 把目录看成一个模块，明确这个模块对外的接口，而这个接口应实现把内部封装起来。 （每个模块有一个index.js文件，这是模块的边界，要引用只能导入index.js，不能直接导入其他文件）

状态树的设计

遵循几个原则：

1. 一个模块控制一个状态节点（一个状态节点只属于一个模块 、修改权）
2. 避免数据冗余（相比性能，数据一致更为重要、性能可用工具来获得提升）
3. 树结构扁平