React: Tutorials

23rd March 2020 at 4:58pm
React

教程来源于 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 官方推荐的构建工具了。