教程来源于 Awesome React。

官方教程

2016/08/18 推荐

官方教程 质量较高，把 React 重要的概念都实践了一次。但是感觉官方没法把 React 的概念说得比较通俗易懂，比如我有一些疑问：

1. 文档一直提到 JSX 就是 JavaScript，可是我看这些长得像 DOM 的代码，很难把它理解成 JavaScript。我觉得最好把 JSX 描述成可以嵌入 JavaScript 代码的一种模板语言。
2. 为啥要有 state？全部用 props 不好吗？感觉文档没说明白。

总的来说有点晦涩难懂。但是应该主要是 React 的设计太糟糕所致。

React HN

2016/08/18 不推荐

React HN 是用 React 做一个 HackerNews clone。

优点是教程比较渐进，从搭建环境（babel, Browserify）到一步步实现各 Component 效果都有详细代码。

缺点是太简单了，只用到了 Properties 和基础的 createClass, render，连 state 也没涉及到。而且有些诸如 title, comment 拆成了多个函数，我觉得没什么必要，又不是可复用的。同时教程没有什么讲解，就是给你代码让你填进去，最后做个样子出来。

最后，注意这里使用的 React 版本比较旧，新的版本 render 函数是属于 ReactDOM 的，代码里面需要做一些改动。同时这里面用的 Browserify 应该不再是 React 官方推荐的构建工具了。