chore: migrate project to monorepo

packages/stack-idealjs/docs/web/hello_react/_category_.json

@@ -0,0 +1,7 @@
+{
+  "label": "快速开始 React",
+  "position": 3,
+  "link": {
+    "type": "generated-index"
+  }
+}

packages/stack-idealjs/docs/web/hello_react/create_react_app.md

@@ -0,0 +1,21 @@
+---
+sidebar_position: 1
+---
+
+# 创建工程
+
+使用 [Create React App](https://create-react-app.dev/docs/getting-started) 脚手架工具
+
+创建工程
+
+继续之前使用过的 hello_world 项目，输入命令
+
+```
+npx create-react-app my-app
+```
+
+> 受网络影响，这一步可能会等待较长时间。
+
+![输入命令](./enter_command.png)
+
+![预览图](./created_react.png)

packages/stack-idealjs/docs/web/hello_react/how_react_start.md

@@ -0,0 +1,13 @@
+---
+sidebar_position: 3
+---
+
+# 启动流程
+
+React 的 App.js 和之前 hello_world 中的 index.html 有很大的不同
+
+![不同](./difference.png)
+
+这是因为 React 会把 App.js 作为组件挂载到页面视图上
+
+![挂载](./what_happend.png)

packages/stack-idealjs/docs/web/hello_react/start_react_app.md

@@ -0,0 +1,19 @@
+---
+sidebar_position: 2
+---
+
+# 启动项目
+
+输入指令，切换到工程目录
+
+```
+cd my-app
+```
+
+输入指令，启动工程
+
+```
+npm start
+```
+
+![启动成功](./started_react.png)

packages/stack-idealjs/docs/web/hello_react/todo_app.md

@@ -0,0 +1,12 @@
+---
+sidebar_position: 4
+---
+
+# 快速实践
+
+项目
+- 待办列表（Todo List）
+
+## 待办列表
+
+待办列表是一个经典的入门 App，通过待办列表可以学到 React 所提供的基础函数