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

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

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

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

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

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


    先要懂 react , 再跟着 React Native 看完指南就会了。
    gogogo1203
        16
    gogogo1203  
       2 天前   ❤️ 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  
       2 天前
    @gogogo1203 #16
    “当然要有一定的 React 基础”
    但凡你看一下 op 的标题呢
    op 连查什么资料都要问的你觉得他有一定的基础吗
    gogogo1203
        18
    gogogo1203  
       2 天前   ❤️ 1
    @musi 你说的没错. 我看了一下 op, 只发问题, 前几天也发了一个帖子, 也不回复。

    但是我觉得用 cursor 也没有问题, 我用了两年多 AI, 人是越来越不愿意写代码了, 但是效率上来了...
    xiaoshan5733
        19
    xiaoshan5733  
       1 天前
    https://www.reactnative.express/
    0 基础上手 ReactNative ,可能有同学需要
    hefengwqz
        20
    hefengwqz  
       1 天前
    @gogogo1203 ui 问题怎么解决的呢,我也是感觉没有切图同事的话,纯自己写出来东西太丑了
    gogogo1203
        21
    gogogo1203  
       1 天前   ❤️ 1
    @hefengwqz 最好的解决方法就是找好看的 react native 模板, 看别人怎么写的。 只要有代码,Claude 都能编个大概的。react native 的模板很多。 其中用到各种 lib 。 没有成熟的代码, 我根本没有可能搞不“不丑”的 UI. (没铜币了,还要回复的话,给我投一点。 谢谢)
    fms
        22
    fms  
       1 天前 via Android
    我用 react 写 web/hybird app 的经历(不是 react native),已经过去很久了,可能参考价值也不大了
    https://imf.ms/web/2022/07/05/my-first-web-hybird-project-experience/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5618 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 06:35 · PVG 14:35 · LAX 22:35 · JFK 01:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.