React入门真难
发布于 7 个月前 作者 15766273878 10243 次浏览 来自 问答

react.js 入门真心难,太多步骤太多东西要记了

85 回复

那就来学angular 5吧

你咋不说,我感觉活着好累😫。哈哈。西湖的水,我的累。难与不难是比较而言的。

我之前有vue开发经验,感觉react上手入门没什么问题啊。

先写一个 todolist 吧,其实没那么难 附上我刚学的时候写的 todolist: https://github.com/funlee/react-todo-mvc

就是干,先干,写点东西出来先

我一个iOS开发直接看了两三天,直接都上手写项目了,世上无难事 自豪地采用 CNodeJS ionic

@funlee 你有复杂点的例子么?

等你学了 Redux,那才爽

js基础好的话,很快就可以上手了,记的东西远没有vue多😀

不难,多写就会了,而且React在入门阶段,你理解为html, 本来html有不同的标签比如div,p, h1等之类的东西,这些东西有属性,比如 style,对应到react,你可以理解为,除了HML标签之外,可以自己定义一些标签,他的props就是标签的属性,之后你再去理解他的component,就是一个普通的javascript函数,然后你再理解生命周期

我三大框架都基本做过,其实学多了,你就会发现react才是需要记东西最少的那个。

@JeffWong16 是的,我一直用react的原因就是这个,我记不住太多的东西

世上无难事只怕有心人

@JeffWong16 确实是这样,省去很多去记模版渲染的方法,但是很多人不喜欢 JSX

react本身是不难的,难得是相关技术栈特别多

一个月过去了,现在觉得怎么样呢?

这说明js基础不行啊

我已打算放弃。。

很灵活的啊,看看阮老师等入门教程就行了。比如webpack配合写个小例子,我用redux重写了阮元风老师的计数例子应用。本人喜欢react编写灵活,vue太死板。 https://github.com/hemingming/redux-counter

主要是React生态

感觉还好啊,框架都是套路,在github上找个项目clone,下来照着写几遍就差不了

初学会觉得复杂,实际项目用起来就不觉得了,反而成长更快。 另外,Vue.js的学习曲线要平滑一些,容易入门。

来自✨ Node.js开源项目精选

感觉难先学vue,建立对一些基本概念的认知,比如组件,生命周期,状态,然后再进去就简单多了,假如我学会了js的变量字符串,类,再去学java是不是简单很多。先从简单的入门 From Noder

@phpsmarter 感觉 mobx 挺舒服的 用起来

先学vue ,然后再学react 你会发现如此简单,其实框架都是相通的

要学的太多了

react入门其实挺简单的,jsx的语法很符合直觉。跟随getting started一步一步修改代码,一个下午就能入门了。

当然这仅针对react本身,用于实际项目可能还要考虑其他东西,不如状态管理、引入UI组件、构建、SSR等,这些就属于react周边了。

你们夸react时非要黑vue一波?

来自酷炫的 CNodeMD

从入门的角度来讲,Vue是语法兼容性最好的,中英文文档比较齐全,原理上学习难度较低。React 相对来讲会复杂一点,不仅没有官方的中文文档而且国内已存在的React中文翻译文档也没能同步更新,查阅上有一定的难度,其次JSX语法、UI组件、组件生命周期等等概念对新手还是需要些时间理解。

少说多做,按照官方文档一步一步的学习,其实MVVM的框架学习难度也不大,而且理解其一基本上就知其三了。

能分享下具体遇到什么问题了么?

我反倒觉得如果有一些js基础react其实比vue好上手多了. angular会比较难.

凡事都是入门难 中间难 最后难。。。。

我也正准备学习React.可以交流下哦~~

@funlee 你买了几本React书籍?

@mmhaobai 怎样才算精通React?

比angular简单,angular才叫犯,连双向绑定都要引入模块,语法啰嗦

16年的时候,我们做项目,最开始的选型是vue,后来基于某些原因,我们放弃了vue而选择了react 那时候react还没有发布16.0.x,所以我们买了两本书,花了一周看完书,就开始做项目 现在18年了,真心觉得react好用,配合redux也很爽;可惜redux需要写的代码太多,而mobx又太灵活,没有一个规则去限制它 总的来说react还是很不错的一个框架,真心不难

@chapgaga 精通即想得到的基本都能实现

@myadmin 你用react做过多复杂的页面?

@DawnL6 你不用ES6?只用TS?

@chapgaga 也没有特别复杂,就是一个单页实现文件的上传,然后后端转码,后端转码成功后返回给前端,前端状态改变,将文件下载到本地。 之前还做过一个分类管理,不过都不是什么特别复杂的东西

下一步再学这个

说实话,学到能独立完成react项目的开发及上线,是需要一段时间的,凡事开头难,贵在你是否喜欢react的思想(坚持) 正确里面react的生命周期函数很重要(数据注入及更新,以及销毁), 数据的处理主要是函数式编程 掌握了基础,还有一些常用的

  • 单向数据流思想facebook/flux redux和这个类似
  • 数据不可变facebook/immutable-js 项目越大,体现出的价值越大
  • 路由的处理 ReactTraining/react-router 最好自己能实现一个简单的路由处理
  • webpack的一些配置也需要掌握,比如预编译postcss ,项目大了分包(vendor),热加载也是需要配置的。

实操 react+redux+postcss 微信截图_20180716102928.png

@dislido 这个不是比react更乱?

@myadmin 分类管理截图看下:)看下有多复杂,呵呵

@qiudaoermu 那什么时候简单呢:(

还没入门已放弃

努力吧,孩子

如果你觉得React比较难,说明你JS基础不够牢固,当初我学React的时候,一下子就入门了。我给你的建议是,平常没事的时候多做一些demo吧。

我现在也在学习react,单学react还行都懂,但是和router、redux一起写项目的时候就不知道如何下手了。尴尬

就要过时了,不用学了,孩子

未来框架Vueaclar 自豪地采用 CNodeJS ionic

4个月过去了,楼主学会了吗

现在还觉得入门难吗?

少年,来试试angular,学会了就上天

我推荐的教程,很不错的

先学会nodejs先,再考虑这个

推荐react 小书,空余看看2个礼拜,每天1-2小时,差不多入门了。

可以先去学下vue.js,等你把这个学会了再去看react就会觉得它们的语法基本相似,很容易入门的。之前我也看不懂,现在看原理都是一样的

楼主现在学得怎么样了。。。

要开始学这个了

去学学vue吧,这个相对简单,你值得拥有

我正在写的 react 第一个项目… 正在进行时😜…

https://github.com/pythonxCat/react-cnode

我也是刚开始学 react, 学了半个月左右了…可以关注下…会在readme 里面加解说 (:

如果有新手想采坑, 我推荐下我的学习路径…发现还没怎么觉得特别困难.

  1. 看视频课程:https://time.geekbang.org/course/intro/100 (非推广…只是个人是个很热心的妹砸) 01 ~10
  2. 边看然后边刷官方的 Main Concepts 部分的文档https://reactjs.org/docs/hello-world.html 做好第一步和第二步后,对 react 有基本的概念了…
  3. 看ruanyifeng 的 redux/react-redux 教程… 看教程第一二篇的时候,会有个基本的概念呢…
  4. 然后返回去看 11~ 15, 视频讲解的 redux、react 课程
  5. 当然你在刷课课程中,也会不时的去看看官方文档看看些细节. flux 等概念
  6. 在上述步骤(3~4) 中,你会做 Counter 的例子,了解 redux 的基本玩法… 也会把 Counter的例子改成结合 react-redux 类型的; 如果这两个例子完成了…可以试试这个视频教程…完成一个小demo: https://www.youtube.com/watch?v=93p3LxR9xfM&t=1168s 这部分想必,对新手会绕一段时间…特别是 redux 这部分如果你没进去看过源码…有时候会被 API 绕晕…觉得 API 多

https://github.com/pythonxCat/learn-react/tree/master/Notes/Redux 这边是我学习 redux/react-redux 快速开始的笔记…不吝分享(个人水平有限…也欢迎拍砖)

  1. 上述课程(react 基础, react-redux 基础)完成后, 咱们直奔 react-router 官网边试官方 demo 和文档学习 react-router. 当然如果你觉得自己看英文文档吃力…可以试试看这边人家翻译的中文档:https://www.jianshu.com/p/1781bc1dd938#24-history 试着把 demo 自己一个个的手动敲下来… 估计就能上手项目啦…

  2. react-router 课程搞定后… 咱们试试看看如何对项目进行架构,代码拆分,这部分再次看视频课程:https://time.geekbang.org/course/detail/100-11278 22 ~25 讲的真的非常棒…老司机多年的经验…代码拆分让我之前的困惑一扫而光…

  3. 如果这些都搞完了…觉得好像招聘要求回前端各种测试,

    1. 咱们先学习基本的 javascript 单元测试:
  4. 基础的入门视频教程,快,爽(不过貌似要英语听力过的去) https://www.youtube.com/watch?v=MLTRHc5dk6s&t=325s http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html 9.2 react 测试 https://github.com/pythonxCat/frontend-testing#chapter-2-react-testing

react ,快速上手,我就是大量的做小项目,希望能帮到你

@alicePan youtube的怎么访问?

还没试过呢,到时看看是不是那么难

react 这么简单,有啥难的

+1,蛮简单的

+1 ts 还是 angular 好

前段时间刚用react开发的一个前端项目,楼主有兴趣可以看看,项目用的 create-react-app 初始化的 https://cnodejs.org/topic/5bad8135ede204052db8024a

学了段时间,对我来说确实不简单

react 本身并不难,就一个生命周期,不过还是需要好好看看。难就难道生态库太jb多了,不用就显得不专业

回到顶部