react项目拆分规则

拆分的原则

1.目录设计规范----根据作用和职责
2.模块定义规范----根据业务
3.代码设计规范----一般的代码规范
4.程序设计规范----一般原则(高内聚、低耦合等等)

react项目中的目录及职责拆分：

1.api需要单独封装,直接暴露返回值。
2.数据层使用react-redux,异步中间件使用redux-thunk。
3.视图层使用redux层面的传递过来的数据,修改逻辑也是重新触发action更改props。
4.静态类型的资源单独放置
5.公共组件、高阶组件、插件分开放置
6.工具类文件单独放置