diff --git a/docs/web/hello_react/_category_.json b/docs/web/hello_react/_category_.json
new file mode 100644
index 0000000..df9c265
--- /dev/null
+++ b/docs/web/hello_react/_category_.json
@@ -0,0 +1,7 @@
+{
+  "label": "快速开始 React",
+  "position": 3,
+  "link": {
+    "type": "generated-index"
+  }
+}
diff --git a/docs/web/hello_react/create_react_app.md b/docs/web/hello_react/create_react_app.md
new file mode 100644
index 0000000..9280626
--- /dev/null
+++ b/docs/web/hello_react/create_react_app.md
@@ -0,0 +1,23 @@
+# 创建 React 工程
+
+使用 [Create React App](https://create-react-app.dev/docs/getting-started) 脚手架工具
+
+创建工程
+
+继续之前使用过的 hello_world 项目，输入命令
+
+```
+npx create-react-app
+```
+
+> 受网络影响，这一步可能会等待较长时间。
+
+或者使用
+
+```
+npx create-react-app --registry=https://registry.npmmirror.com
+```
+
+![输入命令](./enter_command.png)
+
+![预览图](./created_react.png)
diff --git a/docs/web/hello_react/created_react.png b/docs/web/hello_react/created_react.png
new file mode 100644
index 0000000..91e4737
Binary files /dev/null and b/docs/web/hello_react/created_react.png differ
diff --git a/docs/web/hello_react/enter_command.png b/docs/web/hello_react/enter_command.png
new file mode 100644
index 0000000..f0860a6
Binary files /dev/null and b/docs/web/hello_react/enter_command.png differ