网上看到很多都是概念性讲解，昨天和今天把阮一峰老师那个教程所有代码都敲了一遍，想问下大家都怎么学react.js的，有没有适合新手入门学习的项目练习。本人js基础一般般，想找些react.js的项目练练手，求指点，有什么好的学习意见也可以提，谢谢！

网上有很多关于 React.js 的学习资料。我也是从开始一直学过来的。后来自己整理了下学习过程，写了一本 React.js 小书。适合新手入门，也欢迎对 React.js 小书提意见，帮助小书改善。完全开源免费，放心地看！。 React.js 小书。一共分了三个阶段，目前前两阶段已经写完了。正在写第三阶段。第一个阶段 Lesson 1 - React.js 简介 Lesson 2 - 前端组件化（一）：从一个简单的例子讲起 Lesson 3 - 前端组件化（二）：优化 DOM 操作 Lesson 4 - 前端组件化（三）：抽象出公共组件类 Lesson 5 - React.js 基本环境安装 Lesson 6 - 使用 JSX 描述 UI 信息 Lesson 7 - 组件的 render 方法 Lesson 8 - 组件的组合、嵌套和组件树 Lesson 9 - 事件监听 Lesson 10 - 组件的 state 和 setState Lesson 11 - 配置组件的 props Lesson 12 - state vs props Lesson 13 - 渲染列表数据 Lesson 14 - 实战分析：评论功能（一） Lesson 15 - 实战分析：评论功能（二） Lesson 16 - 实战分析：评论功能（三）第二个阶段 Lesson 17 - 前端应用状态管理 —— 状态提升 Lesson 18 - 挂载阶段的组件生命周期（一） Lesson 19 - 挂载阶段的组件生命周期（二） Lesson 20 - 更新阶段的组件生命周期 Lesson 21 - ref 和 React.js 中的 DOM 操作 Lesson 22 - props.children 和容器类组件 Lesson 23 - dangerouslySetHTML 和 style 属性 Lesson 24 - PropTypes 和组件参数验证 Lesson 25 - 实战分析：评论功能（四） Lesson 26 - 实战分析：评论功能（五） Lesson 27 - 实战分析：评论功能（六）

新手做练习话可以先跟着官方文档走一边，里面就有好些练习的内容，然后再接触诸如redux，react-router等react全家桶，还是跟着文档走。总的来说跟着官方文档走一遍绝对没错的。练习项目的话在github里搜索如 react-boilerplate 、 react-startkit 、 react-demo 等看看别人怎么写的。然后自己可以写个简单练习如todo。强烈推荐这篇国外的react教程(分为3部分，需要一点react基础)， Leveling Up With React ，真的讲得很棒啊！

看官方的例子学习 React 之后也也可以学习一下 Redux 吧 http://redux.js.org/ 跟着里面的内容走，既有 React 也有 Redux 推荐这个项目： sound-redux 结合了 React 和 Redux 的一个 SoundCloud 应用，注意使用的时候要翻墙。（注：正在学习 React 与 Redux 中）

react.js 项目需要，最近要学习react.js，有没有适合新手练习教程项目？

胡子大哈

1.7k47

发布于
2017-03-23

更新于
2017-03-23

网上有很多关于 React.js 的学习资料。我也是从开始一直学过来的。后来自己整理了下学习过程，写了一本 React.js 小书。适合新手入门，也欢迎对 React.js 小书提意见，帮助小书改善。完全开源免费，放心地看！。
React.js 小书。一共分了三个阶段，目前前两阶段已经写完了。正在写第三阶段。

第一个阶段

第二个阶段

Lesson 17 - 前端应用状态管理 —— 状态提升
Lesson 18 - 挂载阶段的组件生命周期（一）
Lesson 19 - 挂载阶段的组件生命周期（二）
Lesson 20 - 更新阶段的组件生命周期
Lesson 21 - ref 和 React.js 中的 DOM 操作
Lesson 22 - props.children 和容器类组件
Lesson 23 - dangerouslySetHTML 和 style 属性
Lesson 24 - PropTypes 和组件参数验证
Lesson 25 - 实战分析：评论功能（四）
Lesson 26 - 实战分析：评论功能（五）
Lesson 27 - 实战分析：评论功能（六）

kenberkeley

1k6

发布于
2016-08-16

这年头的 Demo，不是 Todo 就是 Counter，其余基本就是要多复杂有多复杂
本 Demo 文档完善，注释丰满（咦？），架构精良，更重要的是简单有木有！！！
https://github.com/kenberkele...

小团子

45841421

发布于
2016-10-04

更新于
2016-10-04

新手做练习话可以先跟着官方文档走一边，里面就有好些练习的内容，然后再接触诸如redux，react-router等react全家桶，还是跟着文档走。总的来说跟着官方文档走一遍绝对没错的。
练习项目的话在github里搜索如react-boilerplate、react-startkit、react-demo等看看别人怎么写的。
然后自己可以写个简单练习如todo。
强烈推荐这篇国外的react教程(分为3部分，需要一点react基础)，Leveling Up With React，真的讲得很棒啊！