业务项目
管理后台
- 更新升级项目脚手架,更新antd,做老代码兼容。
- 使用at-console-component组件库重构老项目,开发业务。
- 在项目中使用函数式组件和hook进行开发。
移动端H5
- 梳理代步车相关项目构成。
- 封装业务组件,例如日期选择器。
- 更新项目脚手架。
前端基建项目
管理后台脚手架和移动端脚手架
移动端脚手架基于create-react-app,自定义了模板。
管理后台组件库和移动端组件库
-
管理后台组件库基于antd,重点是统一了Form,ModalForm,Table(整合了table和searchForm)
-
移动端组件库,自定义了表单组件(通过定义数组来渲染列表),定义数据展示item(flex布局)和列表,基于rc-picker封装日期选择器
组件库几个需要注意的点:
基础组件尽量功能 单一,复杂组件可以使用基础组件进行拼装,组件之间通过API进行连接
做好向后兼容,引入新组件或者增加新功能要保证不影响之前的组件
项目迭代一定要维护好changeLog和文档更新
封装工具函数库
-
封装常用工具函数,例如处理url参数(基于qs),http请求(基于axios创建实例)
-
打算添加jest测试
封装代码lint规则库
项目标准化:
- eslint-config-atzuche,统一代码风格
- babel-preset-atzuche,统一babel配置
- stylelint-config-atzuche,统一css文件的代码风格