V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
dalovelanlan
V2EX  ›  程序员

我有一个纯 html 的谷歌地图项目,现在维护有点复杂了,我应该怎么迁移到 React 这类框架中,求大佬出解决方案

  •  
  •   dalovelanlan · 66 天前 · 2951 次点击
    这是一个创建于 66 天前的主题,其中的信息可能已经有所发展或是发生改变。

    迁移的主要目的是为了使用那些流行的组件库比如( ant design ),项目目前是 jq + layui 写的,需求越来越多,这俩写的有点吃力了,求一个解决方案

    21 条回复    2024-09-20 09:32:06 +08:00
    dalovelanlan
        1
    dalovelanlan  
    OP
       66 天前
    目前觉得使用 Svelte 这个框架迁移起来比较方便点,但是不知道使用什么组件库
    DICK23
        2
    DICK23  
       66 天前
    svelte 选择也不少啊,skeleton ui \ daisy ui ,如果熟悉 shadcn ui 这类,可以使用 melt ui
    tianhehechu
        3
    tianhehechu  
       66 天前
    把页面代码发给 ChatGPT ,让它转写为 React ,然后自行在此基础上修改完善。
    dalovelanlan
        4
    dalovelanlan  
    OP
       66 天前
    @tianhehechu 这个想过,但是现在开发的谷歌地图是用 js api 写的,如果换成 react 的话,是使用第三方组件库还搞的,还得在看第三方文档去写线路规划这些,到时候也要花不少时间
    dalovelanlan
        5
    dalovelanlan  
    OP
       66 天前
    @DICK23 skeleton ui 这个看起来不错
    suuuch
        6
    suuuch  
       66 天前
    感觉可以考虑下用模板引擎
    dalovelanlan
        7
    dalovelanlan  
    OP
       66 天前
    @suuuch 模板引擎的话,UI 方便不想使用 layui 来写,这写起来比较麻烦,不知道有什么好用的 ui 库,比如表格渲染这些能比较方便点的,不然还要操作原生 dom 去添加数据这比较麻烦
    gogogo1203
        8
    gogogo1203  
       66 天前
    ![Snipaste 2024-09-19 11-01-53]( https://i.ibb.co/H7h2rKy/Snipaste-2024-09-19-11-01-53.png) react ui 只推荐 tailwind + shadcn 包括逻辑 和 不错的设计
    gogogo1203
        9
    gogogo1203  
       66 天前
    https://i.ibb.co/Q9Dc6JV/Snipaste-2024-09-19-11-01-53.png google 官方 也推荐 @vis.gl/react-google-maps 主流的功能都有, 就是要慢慢看官方的 doc 和 例子。
    dalovelanlan
        10
    dalovelanlan  
    OP
       66 天前
    @gogogo1203 那就等于重新开发一遍了,主要是时间没那么多
    gogogo1203
        11
    gogogo1203  
       66 天前
    @dalovelanlan 除非有利可图, 不然你折腾这个做什么。 弄明白一个 router 都够你喝一壶的了。
    echo0x000001
        12
    echo0x000001  
       66 天前   ❤️ 2
    建议使用 vue 2 来重构,通过标签引入 script ,实现最小单元的 html 重构,等现有的 html dom 操作都从 jquery 切换为 vue 后,然后再使用 vue 脚手架做项目迁移,把 html 里的代码块封装成 vue SFC ,完成这一步,你的项目就是前后端分离的了,接着可以升级到 vue 3 版本,享受主流生态。想使用 react 的话,基本上只能重新开发了。
    shintendo
        13
    shintendo  
       66 天前
    渐进式迁移是 vue 的强项
    dalovelanlan
        14
    dalovelanlan  
    OP
       66 天前
    @gogogo1203 没办法,接手别人的项目,我也不想整,领导要求
    cuimc
        15
    cuimc  
       66 天前
    @echo0x000001 这可能是成本最低的迁移方案了,我之前就是按照这个思路吧公司的前后端不分离的项目逐渐改成了 vue2 版本的前后端分离的项目。
    dalovelanlan
        16
    dalovelanlan  
    OP
       66 天前
    @cuimc 关键问题是,现在用 html + js 开发的 google map ,如果迁移成框架的话,这之前开发的地图功能,就需要重新开发一遍了
    chf007
        17
    chf007  
       66 天前
    你这不叫迁移,你这叫重构
    slert
        18
    slert  
       65 天前
    花 500 在本站找人给你改
    cat
        19
    cat  
       65 天前
    找我,我有兴趣
    undermoodzyx
        20
    undermoodzyx  
       65 天前
    用 react ,渐进重构,配合 ai 重构代码
    ddch1997
        21
    ddch1997  
       65 天前
    @dalovelanlan 以前实现的 js 部分迁移到 react 并不需要做太多逻辑改动,只需要在生命周期完成对应的初始化就行,其他调用也都维持着 js 的调用,react + 第三方 UI 库只是让你更方便的去写别的地方代码,核心 JS 部分就当纯粹的 js sdk 来用就好了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2821 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 08:02 · PVG 16:02 · LAX 00:02 · JFK 03:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.