1.react16.8+webpack4+antd+typescript 搭建项目框架
2. 使用eslint,prettier,commitlint 对项目的代码进行规范。
3. 使用useAsync 与ErrorBoundary 处理项目中的错误边界。
4. 使用react-router 与redux 对前端权限进行控制(资源权限与数据权限)。
5. 使用自定义hooks(useResize,useDebounce…)实现对业务中复杂逻辑的复用与
抽象。
6. 对 antd 的组件进行二次封装,使用 react 的Ts 内置工具类型实现 props 属性透
传,并使用react-testing-library 对组件进行测试。
7. 使用react-beautiful-dnd 开发拖拽生成form 表单组件。
8. 使用react-query 负责数据的请求,处理与缓存。
9. 使用speed-measure-webpack-plugin 与webpack-bundle-analyzer 分析打包
速度与打包体积,通过提高检索速度,优化打包速度到10s左右,配置相关loader,