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

[dalovelanlan]

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

[dalovelanlan]

目前觉得使用 Svelte 这个框架迁移起来比较方便点，但是不知道使用什么组件库

[DICK23]

svelte 选择也不少啊，skeleton ui \ daisy ui ，如果熟悉 shadcn ui 这类，可以使用 melt ui

[tianhehechu]

把页面代码发给 ChatGPT ，让它转写为 React ，然后自行在此基础上修改完善。

[dalovelanlan]

@tianhehechu 这个想过，但是现在开发的谷歌地图是用 js api 写的，如果换成 react 的话，是使用第三方组件库还搞的，还得在看第三方文档去写线路规划这些，到时候也要花不少时间

[dalovelanlan]

@DICK23 skeleton ui 这个看起来不错

[suuuch]

感觉可以考虑下用模板引擎

[dalovelanlan]

@suuuch 模板引擎的话，UI 方便不想使用 layui 来写，这写起来比较麻烦，不知道有什么好用的 ui 库，比如表格渲染这些能比较方便点的，不然还要操作原生 dom 去添加数据这比较麻烦

[gogogo1203]

 react ui 只推荐 tailwind + shadcn 包括逻辑 和 不错的设计

[gogogo1203]

https://i.ibb.co/Q9Dc6JV/Snipaste-2024-09-19-11-01-53.png google 官方 也推荐 @vis.gl/react-google-maps 主流的功能都有， 就是要慢慢看官方的 doc 和 例子。

[dalovelanlan]

@gogogo1203 那就等于重新开发一遍了，主要是时间没那么多

[gogogo1203]

@dalovelanlan 除非有利可图, 不然你折腾这个做什么。 弄明白一个 router 都够你喝一壶的了。

[echo0x000001]

建议使用 vue 2 来重构，通过标签引入 script ，实现最小单元的 html 重构，等现有的 html dom 操作都从 jquery 切换为 vue 后，然后再使用 vue 脚手架做项目迁移，把 html 里的代码块封装成 vue SFC ，完成这一步，你的项目就是前后端分离的了，接着可以升级到 vue 3 版本，享受主流生态。想使用 react 的话，基本上只能重新开发了。

[shintendo]

渐进式迁移是 vue 的强项

[dalovelanlan]

@gogogo1203 没办法，接手别人的项目，我也不想整，领导要求

[cuimc]

@echo0x000001 这可能是成本最低的迁移方案了，我之前就是按照这个思路吧公司的前后端不分离的项目逐渐改成了 vue2 版本的前后端分离的项目。

[dalovelanlan]

@cuimc 关键问题是，现在用 html + js 开发的 google map ，如果迁移成框架的话，这之前开发的地图功能，就需要重新开发一遍了

[chf007]

你这不叫迁移，你这叫重构

[slert]

花 500 在本站找人给你改

[cat]

找我，我有兴趣

[undermoodzyx]

用 react ，渐进重构，配合 ai 重构代码

[ddch1997]

@dalovelanlan 以前实现的 js 部分迁移到 react 并不需要做太多逻辑改动，只需要在生命周期完成对应的初始化就行，其他调用也都维持着 js 的调用，react + 第三方 UI 库只是让你更方便的去写别的地方代码，核心 JS 部分就当纯粹的 js sdk 来用就好了