大家有 JS 基础的,学会 ReactJS/Redux 花了多少时间? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
gubo2012
V2EX    程序员

大家有 JS 基础的,学会 ReactJS/Redux 花了多少时间?

  •  
  •   gubo2012 2016-08-17 14:26:51 +08:00 19183 次点击
    这是一个创建于 3406 天前的主题,其中的信息可能已经有所发展或是发生改变。
    现在在招 ReactJS/Redux 的前端,坐标深圳。若没有直接可以上手的,有 JS 基础,或者 AngularJS 基础的也行。想听听大家意见,一般培养需要花多长时间?自学呢?谢谢
    43 条回复    2020-05-27 11:20:08 +08:00
    chimingphang
        1
    chimingphang  
       2016-08-17 14:29:08 +08:00
    几天就可以了吧
    jcyangzh
        2
    jcyangzh  
       2016-08-17 14:42:07 +08:00
    讲道理至少要一周才可以干活吧,因为有 js 基础不一定熟悉现在的 js 套路, webpack/requirejs/grunt/npm 等工具学习也需要时间的啊。
    jun4rui
        3
    jun4rui  
       2016-08-17 14:43:11 +08:00 via Android
    想用起来还是要有机会并且花不少时间的,总觉得要熟练掌握并切换到 react 的思维方式需要的时间并不短
    xuejiangli
        4
    xuejiangli  
       2016-08-17 14:44:39 +08:00
    总之还是要有项目实战才行吧,光看书没什么用,也记不住
    mars0prince
        5
    mars0prince  
       2016-08-17 14:46:52 +08:00
    三天干活,边干活边学习
    lijsh
        6
    lijsh  
       2016-08-17 14:47:34 +08:00
    这个还真的看人,如果 JS 基础只是语法知识,或者 Angular 只是会机械性的用一下,不能抽象理解框架背后的思路, React 其实不容易上手。

    如果理解数据驱动 UI ,组件的自由逻辑和嵌套机制,组件内的事件委托,那学 React 、 Vue 都不难。也就两三天吧。

    Redux 是比较新的一个东西,这个还真不好说,我之前看官方文档,在异步中间价那里停了好一会才吃透。如果只是拿来用,遵循它的那套 API 倒也不难。
    zhouyg
        7
    zhouyg  
       2016-08-17 14:48:05 +08:00
    看这个基础到什么程度了,良好情况下,一周足矣。
    learnshare
        8
    learnshare  
       2016-08-17 14:50:02 +08:00
    入门可能几个周,真正掌握可能要一两年
    bombless
        9
    bombless  
       2016-08-17 15:26:42 +08:00
    我在这家公司,开始用 rn 的时候一周装环境,接下来的一周就开发了 app 的第一版
    有 3 个人是新学的
    zhuangzhuang1988
        10
    zhuangzhuang1988  
       2016-08-17 15:30:44 +08:00
    redux/router 的话 一天, react 本身不好说
    broadliyn
        11
    broadliyn  
       2016-08-17 15:41:04 +08:00
    如果单纯做个 react/react-router/redux/的 demo ,<script>引一下的话,其实并不需要多长时间.

    当时如果要把这个工程模块化,那就不好说了, nodejs/npm/webpack/一堆玩意,我这个搞后端的弄这些玩意就弄了好多天。。
    66beta
        12
    66beta  
       2016-08-17 15:43:29 +08:00
    只会 jquery 或者只会像用 jquery 一样用 angular 的话,肯定要几天学习时间的
    septem123
        13
    septem123  
       2016-08-17 17:46:37 +08:00
    找不到合适的人么 React 的学习曲线还是有点的 如果想快速找人干活 应该选 vue 这个真是会 js 的 看看就能做事的
    tianzx
        14
    tianzx  
    PRO
       2016-08-17 18:03:28 +08:00 via Android
    webpack gulp es6 babel router 等等,可能看完这些也得一个月吧
    jolson
        15
    jolson  
       2016-08-17 18:23:24 +08:00
    React 感觉文档看看还是很好理解,毕竟概念比较少。但是加上 Redux 和 react-router 这一整套,花的时间就会比较多。。。
    necpowman
        16
    necpowman  
       2016-08-17 18:29:34 +08:00
    两个 Demo 的事 ,如果不够 ,那就三个
    fakefish
        17
    fakefish  
       2016-08-17 18:33:01 +08:00
    react 入门分分钟。。 redux 整个流程了解也不需要多长时间,就是实际用起来肯定磕磕碰碰,为了了解为什么 redux 这么搞,顺便去学了 fp 和 frp ,学了两三个个月吧
    sinalvee
        18
    sinalvee  
       2016-08-17 18:38:58 +08:00
    当时用了一周左右,后边还是磕磕绊绊
    xieguanglei
        19
    xieguanglei  
       2016-08-17 18:49:56 +08:00
    我花了三个月左右,在项目中实战(随着功能迭代反复优化或重构),会积累很多「最佳实践」。目前感觉对 React 和 Redux 已经吃得比较透了。

    最近尝试开始把其中的经验体会总结起来,目前写了三篇,有兴趣的可以来看看。

    个人博客: https://xieguanglei.github.io/blog/
    dantegg
        20
    dantegg  
       2016-08-17 18:55:11 +08:00
    有点基础,react 上手很快,但是 redux 就懵逼了,要实践和时间来搞透
    sunshinezhangm
        21
    sunshinezhangm  
       2016-08-17 21:08:19 +08:00
    不深入研究,仅仅跟着官方 demo 来学习的话,应该 3 天就够了,本人目前还在学
    markx
        22
    markx  
       2016-08-18 00:14:35 +08:00
    我想说我陆陆续续花了两三周吧。 但是跟楼上的一比,显然我是太慢了。 你肯定比我快。
    mdluo
        23
    mdluo  
       2016-08-18 01:12:30 +08:00
    越用会发现越多的坑。最开始可能是 createClass 和 ES6 Class 转换、组件生命周期的使用、事件处理函数的传递、设计模块间的引用关系、使用 npm 上的第三方组件等

    等真正做项目了,就更多了, Webpack 的配置、与 jQuery 系组件的整合、引入 Sass 、 Redux 的各种坑( react-redux 、对于 Immutable 的理解、设计 MiddleWare 等), API 的设计、 react-router 的层次结构设计,异步加载,权限管理等

    除非已经有现成的项目可以参考,否则我认为楼上的各位觉得几天到一周就能 “学会”,太过于乐观了(或者说站在已经“学会”的上帝视角来看是不准确的)

    React 本身不难,难就难在全家桶的整合,以及如何构建项目。
    genffy
        24
    genffy  
       2016-08-18 01:19:51 +08:00
    框架什么的,拿到撸就是。
    ericls
        25
    ericls  
       2016-08-18 01:36:52 +08:00
    没基础的半天搞定 再花半天搞 webpack-dev-server 和 webpack-dev-server 的 middleware
    ericls
        26
    ericls  
       2016-08-18 01:37:55 +08:00
    最重要的 应该是 redux 的 data flow 和 react-router 这货的文档不怎么好
    dabpop139
        27
    dabpop139  
       2016-08-18 02:15:02 +08:00
    入坑简单,能使用或者修改别人的项目有基础也可能得一两个月,我之前也做了几期项目分析的学习视频。要娴熟的运用于项目可能得上一年都有可能。
    学习视频分享: http://space.bilibili.com/36072651
    cc7756789
        28
    cc7756789  
       2016-08-18 08:40:38 +08:00
    随便用用,是几天就可以了,但要写好结构,处理好各种问题,比如通信啊,事件啊什么的,真不是随随便便就可以。
    zhouzhe8013
        29
    zhouzhe8013  
       2016-08-18 09:08:30 +08:00
    要是公司的架构已经确定,有架构师来控制整个研发,只是招人做业务开发,照瓢画瓢,那很快.
    如果没有,指望找一个人研究一下就能整套搞定,那基本不可能.
    ljcarsenal
        30
    ljcarsenal  
       2016-08-18 09:55:38 +08:00
    干嘛非要用 react 。。。。公司不大的话完全就是坑
    yatessss
        31
    yatessss  
       2016-08-18 12:52:48 +08:00
    只能旁边吃瓜了。。。。两三天就学会了还是很羡慕的
    dcirplan
        32
    dcirplan  
       2016-08-18 12:53:21 +08:00
    react 上手简单, redux 就不那么简单了
    Ixizi
        33
    Ixizi  
       2016-08-18 13:05:46 +08:00
    说说我吧,未接触过其他框架,库,只会 js 语言本身,大概一周左右把 react 的各种 demo 敲了敲,目前感觉还行,还好理解,但是还不懂 css in js 之类的东西。所以继续找别人的 demo ,自己找着敲。
    ariesjia
        34
    ariesjia  
       2016-08-18 15:24:52 +08:00
    如果完全没有用 react , redux 这一套东西 ,有可能会牵连出来很多需要学习 比如 immutable , css modules , decorators 等等太多了 。 有一些可能需要在实际中加深理解的的 react - router 比如 redux 的 middleware 运用。 从 0 到能做项目应该很快,到熟悉精通需要多学习练习
    toben
        35
    toben  
       2016-08-18 17:52:16 +08:00
    阮一峰断断续续学了几个月,看过二十几篇教程,你们几天就上手了,真厉害。
    jarlyyn
        36
    jarlyyn  
       2016-08-18 22:44:59 +08:00 via Android
    huntererer
        37
    huntererer  
       2016-08-19 00:25:45 +08:00
    学会也分程度,用几天过一下文档然后能做出来东西和用几个月吃透肯定不一样,这个问题提的就没意义。
    反正我服务端渲染那儿都能看懵,估计用几个月能做出来东西就不错了。。。
    rubygba
        38
    rubygba  
       2016-08-19 09:11:42 +08:00
    React.js 根本就是全家桶, React-Router 、 Redux 、 Webpack 、 ES2015 、函数式编程要一起学,这才是最佳实践。 React/Redux 一天上手的大神你们强我服
    zgl2007dj
        39
    zgl2007dj  
       2016-08-19 09:12:29 +08:00
    @ljcarsenal
    react 感觉过于复杂了,成本很高。。特别是用上 redux ,要有能 hold 住这个理念的人才行(简单搞个 demo 的就算了,实际项目要考虑的可不简单),不然搞得一样乱七八糟
    zlgodpig
        40
    zlgodpig  
       2016-08-19 10:15:42 +08:00
    react 感觉上手不难,随着使用的深入,会有一些坑,解决这些坑,使用会更深入。。

    redux 上手真难,理念需要理解,理解了,也不一定知道代码该怎么写。。我学的时候,没有项目压力,就断断续续看了一周文档,然后看了一周 redux 的源码,发现了个 bug ,提了 pr ,但是依然完成不知道该怎么写 redux 。。。

    后来完全是照着例子抄,自己写了一个 master-detail 的小 demo ,才算知道要怎么组织工程。

    后来写过一些实际项目,也有比较熟悉函数式的同事分享过 redux 的细节,觉得很先进,但是本人还是更熟悉面向对象,用着很不顺手。。
    guangwong
        41
    guangwong  
       2016-08-19 10:58:26 +08:00
    一个周看完了 React 的源码,辣么简单的东西需要学么。。
    gubo2012
        42
    gubo2012  
    OP
       2016-08-20 17:09:17 +08:00
    @zhouzhe8013 以前一朋友帮我做了框架,我没 JS 基础(但有很好的 C++, java 等单机编程基础),用了大概一个月将 ReactJS/Redux 学了个大概,配合 django Rest framework 做了一个 demo ,所以框架还是有的。现在招人是沿用已有的框架,把 demo 产品化
    darknoll
        43
    darknoll  
       2020-05-27 11:20:08 +08:00
    真羡慕那些分分钟学会的人,咱没那智商啊
    关于/a>     帮助文档     自助推广系统     博客     API     FAQ     Solana     2746 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 13:06 PVG 21:06 LAX 05:06 JFK 08:06
    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