• 请不要在回答技术问题时复制粘贴 AI 生成的内容
ciki
V2EX  ›  程序员

移动端程序员刚开始学前端开发,看了几天 react,主要是它的各种生态搞的晕乎乎,想找点东西练练手

  •  
  •   ciki · Nov 27, 2018 · 3955 views
    This topic created in 2750 days ago, the information mentioned may be changed or developed.
    想找点东西练练手,这样才能融会贯通,但是苦于无从下手,求推荐点资源,另外有没有对新手比较友好的脚手架。不用太关注各种乱七八糟环境的,我只想先搞出点东西,后面再来慢慢补这些环境的知识。
    Supplement 1  ·  Nov 27, 2018
    我学 react 不是为了 RN
    30 replies    2018-11-28 10:05:35 +08:00
    guomuzz
        1
    guomuzz  
       Nov 27, 2018
    Terry05
        2
    Terry05  
       Nov 27, 2018
    不要看视频,不要看文章,全套内容看完,准备开始做了,发现自己还是毛都不会!!!



    最先要想好的就是要做什么练手的东西,想好了就直接开始干,在做的过程中不断解决问题,学习知识,才是又快记忆又深

    等感觉自己有阶段性成果后,再回头考虑把自己练手的东西再重构一遍
    hk3475
        3
    hk3475  
       Nov 27, 2018
    React 是出了名的好上手啊,写几个 component 就能体会了。之后的坑吗,慢慢趟。
    ciki
        4
    ciki  
    OP
       Nov 27, 2018
    @guomuzz 用了这个,发现一旦 npm eject 后噩梦就来了,问下这个和阿里的那个 dva 相比,哪个更好用点
    ranwu
        5
    ranwu  
       Nov 27, 2018
    @Terry05 赞同,先想想构建一个页面,要实现哪些功能,然后想办法怎么实现(先用原生实现,然后想想为什么要用 react )。
    luoway
        6
    luoway  
       Nov 27, 2018
    用 Vue 的笑笑不说话。
    楼主刚开始学前端就用上了 React,我建议抄代码,多抄几遍才能搞定前端从代码到页面渲染成功的过程。
    maichael
        7
    maichael  
       Nov 27, 2018
    @ciki 完全可以不 eject 使用,你 eject 的目的是什么。
    stellar
        8
    stellar  
       Nov 27, 2018
    作为前端开发表示要是能把你的客户端开发技能传授给我就好了
    leaveeel
        9
    leaveeel  
       Nov 27, 2018
    看官方文档 敲一遍例子
    自己写一个 todo list,再读代码和文档,如果有优化空间就再把这个 todo list 重构一遍
    看 redux 文档或者博客,跟着写一个 demo。
    自己另外写一个 demo。报错照着文档 /博客的 demo 和讲解 debug 直到跑通,再写一个没问题的 demo。
    写一个 react+redux 的 demo,跑通。
    "看一遍 axios,没时间也可以以后再看,数据先用 require 导入自己做的 json 代替
    找个网站重构。碰到问题就查文档百度 gg 博客,复杂问题单独建个 demo 写,解决了移植到主干上
    ChefIsAwesome
        10
    ChefIsAwesome  
       Nov 27, 2018
    别搞什么脚手架,别搞什么状态管理的第三方东西,浪费时间。react 就是组件化,专注高性能渲染,简简单单没有其它东西。等你东西做起来了,真遇上问题了,自然会去找第三方的资源。
    behanga
        11
    behanga  
       Nov 27, 2018
    搞什么前端,来搞底层啊,浏览器内核啊,v8 引擎啊,c++多有意思啊.
    visonme
        12
    visonme  
       Nov 27, 2018
    专注 React
    了解 React 解决什么问题,以及主要应用在那些地方比较合适,然后着手写个 example,这个 example 应该要涉及到 react 的所有知识,这些知识不包括 Redux,route 等周边。

    等你真的熟悉 React 后,再去接触周边的产品 redux,route 等 ~ 就不会想现在这么头大了~

    一个个突破,包括配置等,前期推荐用 create-react-app 构建,UI 可以用第三方可以可以练手自己写 style
    Mikewu
        13
    Mikewu  
       Nov 27, 2018
    最好先别用脚手架,建议以下学习路线一步一步来:
    html+css+javascript => react => Flux => redux => redux-thunk => redux-saga
    上面差不多了就可以开始整理项目结构,使用一些第三方脚手架之类的,找个大一点的开源项目学习学习
    wobuhuicode
        14
    wobuhuicode  
       Nov 27, 2018
    ES6 语言特性了解一下,研究一下 CSS 布局,然后写个电商就好了。我学三端开发都是这一个步骤,基本上写一个电商 demo 就可以涵盖很多需要用到的知识点。
    learnshare
        15
    learnshare  
       Nov 27, 2018
    别上 React Native,真别上
    f2ck
        16
    f2ck  
       Nov 27, 2018
    直接上手 Flutter 吧,新用户的话 RN 不建议在上车了。
    dfourc
        17
    dfourc  
       Nov 27, 2018
    @learnshare 哈哈哈哈哈哈
    murmur
        18
    murmur  
       Nov 27, 2018
    自己开发 react-naive
    learnshare
        19
    learnshare  
       Nov 27, 2018
    @f2ck Flutter 上手难度不大,只是写界面比较啰嗦
    f2ck
        20
    f2ck  
       Nov 27, 2018
    @learnshare 我认为,不久能取代 RN 的以及主流的 hybird 方案就是 flutter,现在才是 beta,后期应该会经过几个版本的迭代会更加的友好的。
    lancelock
        21
    lancelock  
       Nov 27, 2018
    比起 flutter 我还是想学学原生,不过 swift 这个版本更新真是让人无语。
    66beta
        22
    66beta  
       Nov 27, 2018 via Android
    为什么要选 react 呢,选 vue 啊面向新手友好
    Cryse
        23
    Cryse  
       Nov 27, 2018
    create-react-app 2.0 大部分情况下已经不需要 eject 了,常用功能都有了
    Cryse
        24
    Cryse  
       Nov 27, 2018
    另外可以试试 rematch, 比 dva 概念更少,也没有那么强的侵入性
    Cryse
        25
    Cryse  
       Nov 27, 2018
    另外,建议使用 typescript,方便很多 create-react-app 现在也支持了
    ciki
        26
    ciki  
    OP
       Nov 27, 2018
    @66beta #22 vue 等 3.0 再说
    ciki
        27
    ciki  
    OP
       Nov 27, 2018
    @Cryse #25 ts 用了几下,感觉前期用这个不利于学习,太繁琐了,还是等后面再说
    royzxq
        28
    royzxq  
       Nov 27, 2018
    CRA 2.0 么, 应该是我不会用吧, 对 ts 的支持只能用点点点来形容。
    wengjin456123
        29
    wengjin456123  
       Nov 27, 2018 via Android
    官网很明白吧?
    realkenshinji
        30
    realkenshinji  
       Nov 28, 2018
    不都是从做 todo list 开始的么
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2909 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 88ms · UTC 15:04 · PVG 23:04 · LAX 08:04 · JFK 11:04
    ♥ Do have faith in what you're doing.