1. 项目设计

1.1 目录设计

1.2 模块设计

1.3 数据处理

• modal层：存放静态数据（不用于视图渲染）、存放处理好的请求返回数据
• store层：存放用于视图渲染的数据，类似state
• type：维护数据类型

2. service层

• 初始化请求ab测
• 初始为未登录请求
• 未登录转已登录请求
• 初始为已登录请求

3. 技术方案

• 使用ts
• 组件使用hook，业务逻辑、ui分离（建造者模式）
• 复杂组件（表单）的目录结构可与整个链路的目录结构相同
• 考虑组件之间的联动（如页面渲染完成时，弹出弹窗，点击弹窗触发下一步操作等），可使用职责链模式

4. 开发流程

• 开发前梳理请求接口（ab测、产品数据信息），可整合bff
• 梳理各个组件功能
• 确认分工、确认入口文件
• 正式开发
• 开发过程中定期汇报开发进度
• 开发过程中疑问点及时同步产品、测试
• 开发过程中进行单元测试
• 开发完成整个流程测试