5、React 入门：从 Hello World 到组件开发

React 入门：从 Hello World 到组件开发

1. 第一个 React 代码：Hello World

在开始学习 React 时，我们先不使用 JSX，而是使用纯 JavaScript 来编写代码。虽然大多数 React 开发者使用 JSX，但浏览器只能运行标准的 JavaScript。了解纯 JavaScript 的 React 代码有助于我们理解 React 的工作原理，同时也能证明 JSX 是可选的。

1.1 项目结构

项目的文件夹结构很简单，包含 js 文件夹中的两个 JavaScript 文件和一个 index.html 文件：

/hello-world
/js
  react.js
  react-dom.js
index.html

1.2 下载 React 库

需要下载 React Core 和 ReactDOM 库。推荐使用特定链接提供的文件，这种方式最可靠且简单，无需依赖其他服务或工具。

注意，在 0.14 版本之前，这两个库是捆绑在一起的。这里使用的是 React 和 React DOM 版本 15.5.4。

1.3 创建 index.html 文件

index.html 文件是 Hello World 应用的入口点，代码如下：

<!