ConvertVAR(convert vue and react)是一款使用java技术开发的用于前端框架vue和react组件升级的工具,主要为了解决由于采用人工的方式处理此类问题效率低下、成本过高,如果系统繁多,耗时无疑大大增加,本工具根据框架不同版本或者不同组件方式的差异化规则做相应的升级逻辑处理,快速高效地实现单文件或者多文件一键批量升级转换。
目前,工具针对市场上涉及上述两框架较为常见的问题做了处理,主要包括:
一、vue2升级vue3
以下截图内容为工具处理前后的差别,图左为处理前,右为处理后,react部分相同。
1 全局api
2 options api 到组合式api
3 路由
4 事件
增加emits信息
增加context参数
5 国际化
二、React类组件转换为函数组件
1 类转函数
涉及接口引用的情况
2 状态处理
将原有的所有状态信息视为一个对象整体转换
3 jsx根标签处理
4 shouldComponentUpdate=>React.memo
5 props接收处理
6 setstate回调处理
新增参数标志,利用useEffect,根据标志信息走相应回调
7 涉及使用表单Form.create
以上仅截取了部分处理效果,截止目前,工具已完成了大部分处理工作,后续会根据使用情况持续地对工具做功能增加和优化处理。
工具转换后的内容,当前仅根据深度做了简单的格式处理,此处无需太过在意。
同时,工具也提供了日志记录功能,方便追踪错误信息及后续优化处理。
工具目前已开源,欢迎使用、测试、贡献代码。
github地址:
https://github.com/ChengWingHung/ConvertVAR.git