项目架构优化

66 阅读1分钟
  • 将所有网络请求封装到不同的模块(将网络请求单独抽取),利于团队协作。
  • 项目中的ts不要用any,从网络请求和reducer出发,自顶向下梳理整体的类型约束。
  • 没有用的变量名进行删除,使用prettier和eslint。代码的整洁性。
  • 引用尽量使用‘@’做别名引用,在webpack的alias中配置。
  • react的业务分类。
  • 全局的错误处理进行捕获。使用errorboundary包裹根组件,在errorbounddary中的异常捕获的生命周期中进行异常处理上报。
  • 解决项目开发环境中的报错信息,防止对页面造成卡顿。
  • 及时对不要用的数据进行重置清除。
  • 多组件共享状态存放到redux中。
  • 网络请求的接口,前端统一加上容错的数据。防止请求失败造成报错。
  • 组件内的数据由组件单独维护,需要和后端请求的数据放到redux中,可能有多处需要用到。
  • 使用拦截和路由跳转判断是否需要隐藏的页面