ConvertVAR前端框架升级工具简介

ConvertVAR是一款基于Java的工具,自动处理Vue2向Vue3和React类组件到函数组件的升级,解决手动升级效率低下的问题。它支持全局API、状态管理等多方面转换,并开源供社区使用和贡献。
摘要由CSDN通过智能技术生成

        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

  • 14
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值