React 入门有什么教材吗

2021-07-13 17:59:36 +08:00
 Mr0C

前端写过 Vue,看 React 的文档感觉非常懵逼,求推荐教程

4238 次点击
所在节点    React
22 条回复
kop1989
2021-07-13 18:02:02 +08:00
你可以说说怎么个“懵逼”法。我个人视角看官方文档还是挺清晰的。

包括但不限于 React 的界面组织思路、两种实现的优劣、React 能帮助开发者什么,适合什么样的开发场景等。
zxCoder
2021-07-13 18:06:53 +08:00
react 官方文档我也是看下来很懵逼,跟 vue 完全不一样的东西

你最好是舍弃 vue 的思想,重新学一遍比较好
Cbdy
2021-07-13 18:10:54 +08:00
我是看官方文档学的,感觉还行
emonc
2021-07-13 18:15:42 +08:00
除了 HOOK 的状态比较难处理,其他的我觉得和 VUE 大差不差
paullee
2021-07-13 18:17:02 +08:00
学太极那样,忘掉已经学会的就好了
Leviathann
2021-07-13 18:20:37 +08:00
react 官方文档的确有点问题,整个圈叉棋的 demo,还有什么时间旅行来展示状态管理。。
核心理念其实就一条
UI = render(state)
mxT52CRuqR6o5
2021-07-13 18:22:40 +08:00
你是 vue 的 sfc 用多了,vue 也可以用 jsx 、写 render 函数的,vue sfc 的模板编译出来其实也是 render 函数
Jirajine
2021-07-13 18:30:03 +08:00
推荐他的文章 lutaonan.com/blog/react-and-the-way-building-web-ui/
理解以后看 react 小书。
react 核心非常简单纯粹,f(state)=ui,没有任何多余的东西。
fengfuliu
2021-07-13 18:38:31 +08:00
建议看官方教程的文档菜单而不是教程菜单
zhuxiaoxi
2021-07-13 20:06:04 +08:00
Vue 提供的语法糖太甜了,确实让很多先学 Vue 再接触 React 的人不适应
mauve
2021-07-13 20:10:38 +08:00
中国人体质不适合学 React 🐶
beizhedenglong
2021-07-13 20:12:01 +08:00
https://reactjs.org 这个入门不够么?
karott7
2021-07-13 22:46:23 +08:00
找个小项目来看吧或者实现几个常见案例,vue 的模板语法写多了一开始确实难理解 react,毕竟 react 太过简洁
Rocketer
2021-07-14 01:32:53 +08:00
React 简单说起来就三步:
1 、设置界面与状态的关系(如何从状态生成界面)
2 、设置状态与事件的关系(如何修改状态)
3 、把太大或者可重用的部分拆成组件

第三步是优化,初学也可以不管。
无论是 class 还是 hooks,思想上都差不多,都是函数式编程(这一点很重要,否则你可能会想在 class 里直接修改 state 的属性),只是语法有点区别。
ericls
2021-07-14 03:38:29 +08:00
React 会 JavaScript 就能用
不像 angular 和 vue 还有自己的语言
andyxic
2021-07-14 09:08:04 +08:00
为什么我写 react,再去写 vue,发现 vue 并没有那么美好~v2 也就算了。v3 写起来感觉更难受。
Torpedo
2021-07-14 10:13:22 +08:00
官方文档真的不行。。。
rioshikelong121
2021-07-14 10:29:45 +08:00
我觉得 React 的官方文档很不错啊。唯一的问题是把 Function / Class 没有拆分的特别开。

看了文档以后可以把 Dan 的 Blog 多看看。https://overreacted.io/

尤其是以下几篇:
https://overreacted.io/react-as-a-ui-runtime/
https://overreacted.io/the-elements-of-ui-engineering/
https://overreacted.io/a-complete-guide-to-useeffect/

也可以上 Youtube 搜下历届 React Conf 的一些 Lecture 看看。

囫囵吞枣的简单的理解 React 当下的 API/设计不难,难得是理解为什么他要演进成这个样子,为什么要这么设计?这么设计解决了什么问题?
mightofcode
2021-07-14 11:19:44 +08:00
可以看看我的项目 https://github.com/mightofcode/v3ex-react
Nodejs 、React 、Nextjs 、Mongodb 、koa
justin2018
2021-07-14 11:21:48 +08:00
https://hyf.js.org/react-naive-book/ 我是看这个入门的

然后就写自己的项目了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/789313

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX