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

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

  •  
  •   ciki · 2018-11-27 14:18:08 +08:00 · 3451 次点击
    这是一个创建于 2189 天前的主题,其中的信息可能已经有所发展或是发生改变。
    想找点东西练练手,这样才能融会贯通,但是苦于无从下手,求推荐点资源,另外有没有对新手比较友好的脚手架。不用太关注各种乱七八糟环境的,我只想先搞出点东西,后面再来慢慢补这些环境的知识。
    第 1 条附言  ·  2018-11-27 17:43:14 +08:00
    我学 react 不是为了 RN
    30 条回复    2018-11-28 10:05:35 +08:00
    guomuzz
        1
    guomuzz  
       2018-11-27 14:23:51 +08:00
    Terry05
        2
    Terry05  
       2018-11-27 14:26:15 +08:00
    不要看视频,不要看文章,全套内容看完,准备开始做了,发现自己还是毛都不会!!!



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

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

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

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