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,plugin来减少打包体积。声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!

下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论