写在前面

笔者使用UCF-WEB这套技术已经有三年多时间了，先后进行了不少于五个项目的完整开发周期。随着时间的推移，开发人员对此技术栈的不断熟悉，结合项目复盘以及开发人员的偏好，我们对此套技术进行了不断的优化。

古语说：温故而知新。同时相互交流才能促进共同成长。所以，决定把这些优化点写下来。如果此系列文章，能给您带来哪怕是一个灵感，或者是您收获了一个新知识，那我认为我的此番记录还有一些存在价值。

我的计划

[注:图片素材来源于网络]

针对此REACT项目的优化，我讲从以下几个方面进行介绍：

• 引入CommonModel，初始化统一处理通用业务数据
• 使用Axios+CommonModel+Loading组件统一处理， 请求等待的Loading效果
• 按钮权限组件优化--避免普通组件内调用接口
• 使用错误边界ErrorBoundary功能捕获错误，避免页面奔溃出现空白页面
• 使用PlopJs技术，通过模板快速生成节点，提高开发效率
• 配合plopJs 根据数据库表结构快速生成表单结构
• 表单中组织表单元素(FormItem)的三种方案
• 使用REST Client插件在vsCode中测试接口，获取数据
• service.js 请求数据调整，使用工具函数处理方法，避免因不断复制导致代码冗余
• 组件引入时增加中间层，方便组件的替换
• 使用 mono-repo 实现项目件组件共享

ucf-web的介绍及快速上手

UCF-WEB 是一个专注性能和效率的微前端框架。本系列文章是基于此技术栈的进一步优化，如果您还没有了解，可以点击这里，进行深入的了解。 如果已经了解，开始主题
下一篇：引入CommonModel，初始化统一处理通用业务数据