学 React Native app 开发的话。看什么书或资料? 查了一下又是 React 又是 React Native 又是 expo 的,眼花了。如果要开发一个 V2EX 的客户端或头条那样的 app,直接下手干。看什么资料?谢谢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
python30
V2EX    React

学 React Native app 开发的话。看什么书或资料? 查了一下又是 React 又是 React Native 又是 expo 的,眼花了。如果要开发一个 V2EX 的客户端或头条那样的 app,直接下手干。看什么资料?谢谢

  •  
  •   python30 347 天前 4546 次点击
    这是一个创建于 347 天前的主题,其中的信息可能已经有所发展或是发生改变。
    22 条回复    2024-12-17 12:32:24 +08:00
    chihiro2014
        1
    chihiro2014  
       347 天前
    看看 ionic ?
    支持三大框架,ng ,vue ,react 来开发。
    基本开发模式跟 web 区别不大
    mumbler
        2
    mumbler  
       347 天前
    找一个入门 PDF ,知道如何搭环境,基本语法,如何打包发布就行了,其他让 cursor 做,多花时间学习用 cursor ,不要在语言,框架这些细节上浪费时间,AI 会搞定
    somalia
        3
    somalia  
       347 天前
    不推荐 ionic ,除非你是在维护老版本迫不得已
    newdongyuwei
        4
    newdongyuwei  
       347 天前
    当然是看官方文档,边干边学就行了: https://reactnative.dev
    f2A2RUpR2HgfHg5a
        5
    f2A2RUpR2HgfHg5a  
       347 天前
    直接 cursor, tap 到底 就出来了。
    Leon6868
        6
    Leon6868  
       346 天前
    先学 React 再学 React Native
    superedlimited
        7
    superedlimited  
       346 天前 via Android   17
    上面推荐什么 cursor 的,什么 tab 一路到底的,是不是有点魔怔了?

    大语言模型这些 AI 只是一个辅助工具,掌握一门编程技术是要知其然知其所以然的。拉出一堆堆赛博之是没啥值得炫耀的。

    不要误人子弟了好么?
    Fffys
        8
    Fffys  
       346 天前
    找个 xx-like 或者 xx-copy 微调改改,遇到什么不懂的就谷歌,多看几个,差不多就能自己写了
    不然就问 AI 要几个范例,配合官方文档或者找找别人做的现成的笔记来理解
    murmur
        9
    murmur  
       346 天前
    expo 那套路由可以,同样是 js 生态,react native 原生的路由和按需加载太难用了

    但是 expo 可能会导致插件问题
    putyy
        10
    putyy  
       346 天前
    看 React 然后直接看 expo 上手 再结合 React Native
    musi
        11
    musi  
       346 天前   1
    楼上说 cursor tab 一路到底的,我给你开一年的 cursor 会员,你 tab 一路到底个 app 出来我看看
    yuxian
        12
    yuxian  
       346 天前
    想要学习的话,还是建议在视频网站上找个 React Native 的 step by step 的视频,一步步跟着实践。看起来很慢,实际上是最快的。对于有难度的地方,可以不求甚解,能照着实现效果就行。等完成一个 demo 后,对 rn 有个基本的了解后,再尝试学习 expo 会事半功倍。想往后再进阶,可以深入了解 react 的核心机制。比如各类的 hook ,生命周期。反向的更新 demo ,提升效率。
    blancokitsune
        13
    blancokitsune  
       346 天前
    看 rn 和 expo 的文档就够了,ui 库 unistyles ,会 react 很容易上手的。
    构建的时候不了解原生的时候会比较麻烦,这时候可以看下 eas 。(ios 程序只能在 mac 上打包,或者云打包)
    动画会比较麻烦,一开始建议不接触,其他的没啥东西,就是图片、文字、输入框啥的。
    mascteen
        14
    mascteen  
       346 天前
    直接用的框架: https://docs.infinite.red/ignite-cli/ 书:Mastering React Native
    okakuyang/td>
        15
    okakuyang  
       346 天前
    React 是前端 js 框架。
    React Native 是使用 React 这个框架做的跨段 UI 框架兼解决方案。
    expo 是基于 React Native 应用开发生态的一枝,它相当于一个容器,你可以上传自己的代码从而创建 UI 和逻辑,也可以用它的插件集开发 App 。


    先要懂 react , 再跟着 React Native 看完指南就会了。
    gogogo1203
        16
    gogogo1203  
       346 天前   1
    @musi 你可能是 tab 的姿势不对, 你给我开, 我 tab 给你看。 大家用的 AI 的方式差别很大, 但是这个 demo 我是没有写过一个<View>

    https://ibb.co/0KSWX13
    https://ibb.co/Bqx9VZf
    https://ibb.co/nmSsPyr

    十多个小时, 找了好几个 repo , 好几个模板。看了十几分钟最新的 expo router 方式。 跟 nextjs app router 差不多。 大部分时间时间都是浪费在解决音频之间的无缝播放,最后发现 expo 生态内的 lib 都不行, 只能自己去写。

    https://github.com/obytes/react-native-template-obytes
    1. 当然要有一定的 React 基础
    2. 找几个成熟的 repo 看别人用什么组件, 怎么组织逻辑的。开一个新的项目, 一点点把别人的页面拉近来,看这个是做什么的, 那个位置是怎么变化的。
    3. 最重要的还是要找好看的 UI , 自己写太慢了
    4. Win android 下经常有些莫名其妙的错误, 什么 gradle 版本不对。哪个东西在 expo go 下不能用了等等等。 自己做好预期。
    musi
        17
    musi  
       346 天前
    @gogogo1203 #16
    “当然要有一定的 React 基础”
    但凡你看一下 op 的标题呢
    op 连查什么资料都要问的你觉得他有一定的基础吗
    gogogo1203
        18
    gogogo1203  
       346 天前   1
    @musi 你说的没错. 我看了一下 op, 只发问题, 前几天也发了一个帖子, 也不回复。

    但是我觉得用 cursor 也没有问题, 我用了两年多 AI, 人是越来越不愿意写代码了, 但是效率上来了...
    C64NRD
        19
    C64NRD  
       346 天前
    https://www.reactnative.express/
    0 基础上手 ReactNative ,可能有同学需要
    hefengwqz
        20
    hefengwqz  
       346 天前
    @gogogo1203 ui 问题怎么解决的呢,我也是感觉没有切图同事的话,纯自己写出来东西太丑了
    gogogo1203
        21
    gogogo1203  
    /div>   346 天前   1
    @hefengwqz 最好的解决方法就是找好看的 react native 模板, 看别人怎么写的。 只要有代码,Claude 都能编个大概的。react native 的模板很多。 其中用到各种 lib 。 没有成熟的代码, 我根本没有可能搞不“不丑”的 UI. (没铜币了,还要回复的话,给我投一点。 谢谢)
    fms
        22
    fms  
       345 天前 via Android
    我用 react 写 web/hybird app 的经历(不是 react native),已经过去很久了,可能参考价值也不大了
    https://imf.ms/web/2022/07/05/my-first-web-hybird-project-experience/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2644 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 15:12 PVG 23:12 LAX 07:12 JFK 10:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86