前端&移动端思考

2023-09-04 20:47:11 +08:00
 kevin1ee

诉求:native 上展示页面,移动端+web 端都可以展示。 讨论:如果使用 RN ,需要集成 RN 一揽子第三方,如果使用 web 作为容器,那开发网页,是使用 react-native-web ,还是 next.js+react 更妥帖呢?或者其他成熟的方案也可以。想听听过来人的想法和建议!

2187 次点击
所在节点    程序员
10 条回复
mxT52CRuqR6o5
2023-09-04 20:52:47 +08:00
不搞 app web 同构没必要特意去使用 react-native-web 的
debuggerx
2023-09-04 21:01:48 +08:00
选 next.js
kevin1ee
2023-09-04 21:23:37 +08:00
@mxT52CRuqR6o5 到没有说必须这么搞,只不过,因为目前很难直接接入 rn 套件到 native 上,但是又想展示 web ,所以还是觉得,快速开发 web ,然后 native 上以 webview 来展示即可,看起来是这样子的选择较合适
kevin1ee
2023-09-04 21:26:00 +08:00
@debuggerx 我理解像 app 内单独一个商城 tab 是完全可以用 rn 去承接的,像活动页等其他单页面形式,简单交互,轻逻辑的,可以用 next.js 来快速开发,双端用 native 容器去承接展示,这样的方案较为合适?
owen800q
2023-09-04 23:41:54 +08:00
React native webview + vant ,我司最近两年的移动端都是这种架构,系统相关的功能在 React native 中实现,UI 用 vant
体验上比原生还好,只能说 vant 性能太强了
capehorn
2023-09-05 01:33:49 +08:00
走 RNW 同构, RNW 也能用 next
国内很少这么搞的
3825995121
2023-09-05 16:36:25 +08:00
我们项目用了 ionic 来开发 web 和 app
纯 web hybird 来开发的话 页面的栈数据 缓存页面数据 比较麻烦
ionic 支持多 webview 来保存栈数据 路由是 ionic 官方特殊定制的 用法和 web router 基本没有区别
ionic 太古老了 有些社区原生插件不太行 还是要自己开发 也简单
我们的项目 官方的插件也够用
ionic 新版 vue react angular 都支持 不和 angular 强绑定
ionic ui 用 web 开发的用起来也不错 细节都比较用心

app 体验起来基本够用 项目要求对于性能要求没那么高
kevin1ee
2023-09-05 16:45:02 +08:00
@owen800q React native webview + vant
vant 是 UI 库,这部分可以根据选择来进行替换
React native webview ,指的是 react-native-web 么,还是用 react-native 开发 web ,在 native 上用 webview 展示呢,有点乱...
kevin1ee
2023-09-05 18:45:13 +08:00
@3825995121 感谢,之前了解好像国外较爱用 ionic ,目前 reactnative-web 使用起来没啥问题,就是要集成一堆第三方比较麻烦
owen800q
2023-09-05 19:37:40 +08:00
@kevin1ee 不是,
只用 react native
在 react native webview 上加载用 vant 写的 h5

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/970882

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX