小能运营中台管理系统
- antd-pro
- 架构设计
- 将权限认证、页眉、页脚、菜单、用户登录页面部分放到layout管理
- 全局共享的state交给models管理
- 数据请求交给Service层管理
- 将可能被多处复用的组件放置Components
- 和业务相关的增删改查放到pages按模块进行拆分
- 将ajax请求、数组操作、对象拷贝、获取参数封装到工具类中进行管理
- 其他收获
- 模块管理 命名规范，复用性高，无需单独给每个文件重新命名
- typescript 代码规范，提升代码的健壮性，减少代码调试
- mock数据，无需等待后端接口，自行测试
- 通过dva管理state
- hooks使得代码更加轻量，面向函数编程，无需关注this
小能客服平台
- 收获
- 更加合理的使用redux，更加明确了什么场景适用redux
- 对于复杂的组件结构，使用EventEmitter对事件进行管理，实现跨组件调用事件，代码更加简洁，更容易维护。
dva和redux的区别
网友评论