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

前端&移动端思考

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

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

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

    app 体验起来基本够用 项目要求对于性能要求没那么高
    kevin1ee
        8
    kevin1ee  
    OP
       235 天前
    @owen800q React native webview + vant
    vant 是 UI 库,这部分可以根据选择来进行替换
    React native webview ,指的是 react-native-web 么,还是用 react-native 开发 web ,在 native 上用 webview 展示呢,有点乱...
    kevin1ee
        9
    kevin1ee  
    OP
       235 天前 via iPhone
    @3825995121 感谢,之前了解好像国外较爱用 ionic ,目前 reactnative-web 使用起来没啥问题,就是要集成一堆第三方比较麻烦
    owen800q
        10
    owen800q  
       235 天前 via iPhone
    @kevin1ee 不是,
    只用 react native
    在 react native webview 上加载用 vant 写的 h5
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1636 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 1054ms · UTC 16:40 · PVG 00:40 · LAX 09:40 · JFK 12:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.