[react] React如何进行代码拆分？拆分的原则是什么？

Posted 2021-12-13 前端小歌谣

[react] React如何进行代码拆分？拆分的原则是什么？

这里我认为react的拆分前提是代码目录设计规范，模块定义规范，代码设计规范，符合程序设计的一般原则，例如高内聚、低耦合等等。

在我们的react项目中：
1、在 api 层面我们单独封装，对外暴露http请求的结果。
2、数据层我们使用的react-redux 异步中间件使用的是redux-thunk 分装处理异步请求，合业务逻辑处理。
3、试图层，尽量使用 redux 层面的传递过来的数据，修改逻辑 也是重新触发action 更改props。
4、静态类型的资源单独放置
5、公共组件、高阶组件、插件单独放置
6、工具类文件单独放置

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题