diff --git a/.github/workflows/analyze.yml b/.github/workflows/analyze.yml
index 2f3c65ea07..83e7f2e8a9 100644
--- a/.github/workflows/analyze.yml
+++ b/.github/workflows/analyze.yml
@@ -7,23 +7,9 @@ on:
       - main # change this if your default branch is named differently
   workflow_dispatch:
 
-  permissions: {}
+permissions: {}
 
 jobs:
-  event_type:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Save Event Type
-        run: echo ${{ github.event_name }} > ./event_type
-
-      - name: Upload Event Type
-        uses: actions/upload-artifact@v4
-        with:
-          path: ./event_type
-          name: event_type
-
   analyze:
     runs-on: ubuntu-latest
     steps:
@@ -75,7 +61,7 @@ jobs:
         if: success() && github.event.number
         with:
           workflow: analyze.yml
-          branch: ${{ github.event.pull_request.base.ref || 'main' }}
+          branch: ${{ github.event.pull_request.base.ref }}
           name: bundle_analysis.json
           path: .next/analyze/base/bundle
 
@@ -93,7 +79,7 @@ jobs:
       # Either of these arguments can be changed or removed by editing the `nextBundleAnalysis`
       # entry in your package.json file.
       - name: Compare with base branch bundle
-        if: success()
+        if: success() && github.event.number
         run: ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare
 
       - name: Upload analysis comment
@@ -102,13 +88,6 @@ jobs:
           name: analysis_comment.txt
           path: .next/analyze/__bundle_analysis_comment.txt
 
-  number:
-    runs-on: ubuntu-latest
-    needs: analyze
-    if: github.event_name == 'pull_request'
-    steps:
-      - uses: actions/checkout@v3
-
       - name: Save PR number
         run: echo ${{ github.event.number }} > ./pr_number
 
diff --git a/.github/workflows/analyze_comment.yml b/.github/workflows/analyze_comment.yml
index 85e9d69181..fcac377386 100644
--- a/.github/workflows/analyze_comment.yml
+++ b/.github/workflows/analyze_comment.yml
@@ -14,23 +14,11 @@ permissions:
 jobs:
   comment:
     runs-on: ubuntu-latest
+    if: >
+      ${{ github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.conclusion == 'success' }}
     steps:
-      - name: Download Event Type
-        uses: dawidd6/action-download-artifact@v3
-        with:
-          workflow: analyze.yml
-          run_id: ${{ github.event.workflow_run.id }}
-          name: event_type
-          path: event_type
-
-      - name: get type
-        id: get-type
-        run: |
-          event_type=$(cat event_type/event_type)
-          echo "event-type=$event_type" >> $GITHUB_OUTPUT
-
       - name: Download base branch bundle stats
-        if: github.event.workflow_run.conclusion == 'success' && steps.get-type.outputs.event-type == 'pull_request'
         uses: dawidd6/action-download-artifact@268677152d06ba59fcec7a7f0b5d961b6ccd7e1e
         with:
           workflow: analyze.yml
@@ -39,7 +27,6 @@ jobs:
           path: analysis_comment.txt
 
       - name: Download PR number
-        if: github.event.workflow_run.conclusion == 'success' && steps.get-type.outputs.event-type == 'pull_request'
         uses: dawidd6/action-download-artifact@268677152d06ba59fcec7a7f0b5d961b6ccd7e1e
         with:
           workflow: analyze.yml
@@ -49,7 +36,7 @@ jobs:
 
       - name: Get comment body
         id: get-comment-body
-        if: success() && github.event.workflow_run.conclusion == 'success' && steps.get-type.outputs.event-type == 'pull_request'
+        if: success()
         run: |
           echo 'body<<EOF' >> $GITHUB_OUTPUT
           echo '' >>  $GITHUB_OUTPUT
diff --git a/src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md b/src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md
index 864160a616..70b580afad 100644
--- a/src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md
+++ b/src/content/blog/2024/02/15/react-labs-what-we-have-been-working-on-february-2024.md
@@ -81,7 +81,7 @@ React 服务器组件、资源加载、文档元数据与 Action 都已经加入
 
 - **资源加载**：我们将 Suspense 与样式表、字体和脚本等资源的加载生命周期集成在一起，以便 React 考虑它们来确定像 [`<style>`](/reference/react-dom/components/style)、[`<link>`](/reference/react-dom/components/link) 和 [`<script>`](/reference/react-dom/components/script) 这样的元素中的内容是否已准备就绪。我们还添加了新的 [资源加载 API](/reference/react-dom#resource-preloading-apis)，如 `preload` 和 `preinit`，以提供更大的控制权，指示何时应加载和初始化资源。
 
-- **Action**：如上所述，我们已将 Action 添加到管理从客户端发送数据到服务器的功能中。现在可以将 `action` 添加到像 [`<form/>`](/reference/react-dom/components/form) 这样的元素中，使用 [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) 访问状态，使用 [`useActionState`](/reference/react/useActionState) 处理结果，并使用 [`useOptimistic`](/reference/rsc/useOptimistic) 乐观地更新 UI。
+- **Action**：如上所述，我们已将 Action 添加到管理从客户端发送数据到服务器的功能中。现在可以将 `action` 添加到像 [`<form/>`](/reference/react-dom/components/form) 这样的元素中，使用 [`useFormStatus`](/reference/react-dom/hooks/useFormStatus) 访问状态，使用 [`useActionState`](/reference/react/useActionState) 处理结果，并使用 [`useOptimistic`](/reference/react/useOptimistic) 乐观地更新 UI。
 
 由于所有这些功能是相互配合的，因此单独在稳定渠道中发布它们是困难的。发布 Action 而不带有用于访问表单状态的补充 Hook 会限制 Action 的实际可用性。引入 React 服务器组件而不集成 Server Action 会把在服务器上修改数据变得复杂化。
 
diff --git a/src/content/blog/2024/12/05/react-19.md b/src/content/blog/2024/12/05/react-19.md
index c6c5ba6d2b..2dd0950e55 100644
--- a/src/content/blog/2024/12/05/react-19.md
+++ b/src/content/blog/2024/12/05/react-19.md
@@ -371,7 +371,7 @@ React 19 包含了所有从 Canary 渠道引入的 React 服务器组件功能
 
 有关更多信息，请参阅文档 [React Server Components](/reference/rsc/server-components).
 
-### 服务器操作 {/*server-actions*/}
+### 服务器操作 {/*server-functions*/}
 
 服务器 Actions 允许客户端组件调用在服务器上执行的异步函数。
 
@@ -389,7 +389,7 @@ React 19 包含了所有从 Canary 渠道引入的 React 服务器组件功能
 
 服务器 Actions 可以在服务器组件中创建并作为 props 传递给客户端组件，或者可以在客户端组件中导入和使用。
 
-有关更多信息，请参阅 [React 服务器 Actions](/reference/rsc/server-actions) 文档。
+有关更多信息，请参阅 [React 服务器 Actions](/reference/rsc/server-functions) 文档。
 
 ## React 19 中的改进 {/*improvements-in-react-19*/}
 
diff --git a/src/content/learn/add-react-to-a-website.md b/src/content/learn/add-react-to-a-website.md
deleted file mode 100644
index 86282d7cc1..0000000000
--- a/src/content/learn/add-react-to-a-website.md
+++ /dev/null
@@ -1,281 +0,0 @@
----
-title: 在网站中添加 React
-translators:
-  - Atrist
-  - yyyang1996
-  - QC-L
----
-
-<Intro>
-
-无需使用 React 重构你的站点。只需花一分钟，将 React 添加到 HTML 中，且无需安装，即可立即开始编写交互式组件。
-
-</Intro>
-
-<YouWillLearn>
-
-* 如何 1 分钟内将 React 添加到 HTML 中
-* JSX 语法是什么及其用法
-* 如何设置可用于生产环境的 JSX 预处理器
-
-</YouWillLearn>
-
-## 1 分钟拥有 React {/*add-react-in-one-minute*/}
-
-React 从一开始就是为渐进式开发而生。大多数网站并没有（也不需要）完全使用 React 进行构建。本小节中，我们将向你展示如何在现有 HTML 页面中添加交互式组件的方法。
-
-你可以在你自己的网站上尝试，或者创建一个 [空的 HTML 文件](https://gist.github.com/gaearon/edf814aeee85062bc9b9830aeaf27b88/archive/3b31c3cdcea7dfcfd38a81905a0052dd8e5f71ec.zip) 来进行练习。只需将电脑连接到网络并安装一款文本编辑器即可，如 Notepad 或者 VSCode。（如需语法高亮，可以通过 [如何配置你的编辑器](/learn/editor-setup/) 章节来实现！)
-
-### 步骤 1：添加一个根标签 {/*step-1-add-a-root-html-tag*/}
-
-首先，打开你需要编辑的 HTML 页面。在你想用 React 展示内容的地方添加一个空的 `<div>` 标签。并给这个 `<div>` 标签一个唯一的 `id` 属性值。例如：
-
-```html {3}
-<!-- ... 其它 HTML ... -->
-
-<div id="like-button-root"></div>
-
-<!-- ... 其它 HTML ... -->
-```
-
-它被称为"根"，因为这是 React 树开始的地方。你可以在 `<body>` 标签中的任何位置放置一个类似的根 HTML 标签。让它为内容留白。因为 React 会用你编写的 React 组件来替换它的内容。
-
-你可以根据需要，在一个页面上设置多个根 HTML 标签。
-
-### 步骤 2：添加 script 标签 {/*step-2-add-the-script-tags*/}
-
-在 HTML 页面的 `</body>` 结束标签之前，添加三个 `<script>` 标签用于加载以下文件：
-
-- [`react.development.js`](https://unpkg.com/react@18/umd/react.development.js) 可以让你定义 React 组件。
-- [`react-dom.development.js`](https://unpkg.com/react-dom@18/umd/react-dom.development.js) 让 React 可以将 HTML 元素渲染到 [DOM](https://developer.mozilla.org/docs/Web/API/Document_Object_Model) 中。
-- **`like-button.js`** 是你在步骤 3 中编写组件的地方！
-
-你的 HTML 文件的结尾处，应该如下所示：
-
-```html
-    <!-- end of the page -->
-    <script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
-    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
-    <script src="like-button.js"></script>
-  </body>
-</html>
-```
-
-<Pitfall>
-
-部署时，你需要将 “development.js” 替换为 “production.min.js”！React 的 development 版本中内置了很多有用的错误信息，但同时也会降低你网站的访问速度。
-
-</Pitfall>
-
-### 步骤 3：创建一个 React 组件 {/*step-3-create-a-react-component*/}
-
-在 HTML 页面文件的同级目录下创建一个名为 **`like_button.js`** 的文件，并将如下代码片段添加到该文件中。这段代码定义了一个名为 LikeButton 的 React 组件。（在 [快速入门](/learn) 中，了解更多关于编写组件的信息。)
-
-```js
-'use strict';
-
-function LikeButton() {
-  const [liked, setLiked] = React.useState(false);
-
-  if (liked) {
-    return 'You liked this!';
-  }
-
-  return React.createElement(
-    'button',
-    {
-      onClick: () => setLiked(true),
-    },
-    'Like'
-  );
-}
-```
-
-### 步骤 4：把你的 React 组件添加到页面中 {/*step-4-add-your-react-component-to-the-page*/}
-
-最后，在 **`like_button.js`** 底部添加以下三行代码。这几行代码会找到我们在步骤 1 中添加到 HTML 里的 `<div>`，接着创建了一个React 的根，最后在其内部展示了我们的 React 组件 —— "Like" 按钮：
-
-```js
-const rootNode = document.getElementById('like-button-root');
-const root = ReactDOM.createRoot(rootNode);
-root.render(React.createElement(LikeButton));
-```
-
-**恭喜！你刚刚已成功将第一个 React 组件添加到你的网站当中**！
-
-- [查看完整的示例源码](https://gist.github.com/gaearon/0b535239e7f39c524f9c7dc77c44f09e)
-- [下载完整示例（2KB 压缩包）](https://gist.github.com/gaearon/0b535239e7f39c524f9c7dc77c44f09e/archive/651935b26a48ac68b2de032d874526f2d0896848.zip)
-
-#### 复用你的组件 {/*you-can-reuse-components*/}
-
-你可能需要在同一 HTML 页面中的多个位置展示 React 组件。如果页面中由 React 驱动的部分相互独立，那复用就显得非常必要。你可以通过在你的 HTML 中放置多个根标签，然后用 `ReactDOM.createRoot()` 在每个根标签中渲染 React 组件来实现这一点。例如：
-
-1. 在 **`index.html`** 中，添加另外一个的容器元素 `<div id="another-root"></div>`。
-2. 在 **`like-button.js`** 文件最后，再添加以下三行代码：
-
-```js {6,7,8,9}
-const anotherRootNode = document.getElementById('another-root');
-const anotherRoot = ReactDOM.createRoot(anotherRootNode);
-anotherRoot.render(React.createElement(LikeButton));
-```
-
-如果你需要在很多地方渲染同一个组件，你可以为每个根的指定一个 `class`，而不是 `id`，然后再把它们找出来。这是 [一个显示三个 "Like" 按钮，并向每个按钮内传递了数据的示例](https://gist.github.com/gaearon/779b12e05ffd5f51ffadd50b7ded5bc8)。
-
-### 步骤 5：为生产环境压缩 JavaScript 代码 {/*step-5-minify-javascript-for-production*/}
-
-未经压缩的 JavaScript 可能会极大降低用户的访问速度。在将你的网站部署到生产环境之前，请务必对你的脚本文件进行压缩。
-
-- **如果你不知道如何进行压缩**，[请参考该配置教程](https://gist.github.com/gaearon/ee0201910608f15df3f8cd66aa83f98e)。
-- 如果你已完成了 **对应用代码的压缩**，并且确保已部署的 HTML 加载的是以 `production.min.js` 结尾的 React 版本，那么你的网站就已完成生产部署（production-ready）：
-
-```html
-<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
-<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
-```
-
-## 尝试使用 JSX 编写 React {/*try-react-with-jsx*/}
-
-在上面的示例中，依靠的是浏览器原生就支持的特性。这也就是为什么我们在 **`like_button.js`** 中要调用 JavaScript 的函数，用以告知 React 要显示的内容：
-
-```js
-return React.createElement('button', {onClick: () => setLiked(true)}, 'Like');
-```
-
-然而，React 还提供了一种使用 [JSX](/learn/writing-markup-with-jsx) 编写界面的方式，一种类似 HTML 的 JavaScript 语法：
-
-```jsx
-return <button onClick={() => setLiked(true)}>Like</button>;
-```
-
-这两段代码是等价的。JSX 是一种在 JavaScript 中描述标签的语法。多数人觉得这样编写 UI 代码更方便 —— 无论是使用 React 还是其它库。
-
-> 你可以通过 [在线转换器](https://babeljs.io/en/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwIwrgLhD2B2AEcDCAbAlgYwNYF4DeAFAJTw4B88EAFmgM4B0tAphAMoQCGETBe86WJgBMAXJQBOYJvAC-RGWQBQ8FfAAyaQYuAB6cFDhkgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=7.17) 试用 JSX。
-
-### 试用 JSX {/*try-jsx*/}
-
-试用 JSX 的最快方法是将 Babel 编译器作为 `<script>` 标签引入页面中。把它放置在 **`like-button.js`** 之前，然后在 **`like-button.js`** 的 `script` 标签上添加 `type="text/babel"` 属性：
-
-```html {3,4}
-  <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script>
-  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script>
-  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
-  <script src="like-button.js" type="text/babel"></script>
-</body>
-```
-
-现在你可以编辑 **`like-button.js`**，并将
-
-```js
-return React.createElement(
-  'button',
-  {
-    onClick: () => setLiked(true),
-  },
-  'Like'
-);
-```
-
-替换为等效的 JSX 代码：
-
-```jsx
-return (
-  <button onClick={() => setLiked(true)}>
-    Like
-  </button>
-);
-```
-
-一开始，你可能会觉得将 JS 和标签混合在一起会有些奇怪，但后面你会慢慢爱上它的！欲了解更多，请参阅 [用 JSX 编写标签](/learn/writing-markup-with-jsx) 的介绍。这是 [一个使用了 JSX 的 HTML 文件示例](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html)，你可以下载并尝试使用。
-
-<Pitfall>
-
-引入 Babel 的 `<script>` 编译器对于学习和创建简单的示例是很便捷的。但是，**它会使网站变慢，并不适用于生产环境**。当你准备好更进一步时，应该删除 Babel 的 `<script>` 标签，并移除在这一步中添加的 `type="text/babel"` 属性。作为替代方案，在下一小节中，我们将设置一个 JSX 的预处理器，将所有的 `<script>` 标签从 JSX 转为 JS。
-
-</Pitfall>
-
-### 将 JSX 添加到项目 {/*add-jsx-to-a-project*/}
-
-将 JSX 添加到项目中并不需要诸如 [打包工具](/learn/start-a-new-react-project#custom-toolchains) 或开发服务器那样复杂的工具。本质上，添加 JSX 就像添加 CSS 预处理器一样。
-
-在终端上进入你的项目文件夹，然后执行如下两个命令：(**确保你的计算机安装了 [Node.js](https://nodejs.org/)！**)：
-
-1. `npm init -y` (如果失败，请参阅, [修复方案](https://gist.github.com/gaearon/246f6380610e262f8a648e3e51cad40d))
-2. `npm install @babel/cli@7 babel-preset-react-app@10`
-
-此处使用 npm 只是用于安装 JSX 预处理器，之后便不再需要它。React 和应用程序代码都可以继续使用 `<script>` 标签而不做任何更改。
-
-恭喜！你为你的项目成功添加了 **生产环境（production-ready）的 JSX 配置**。
-
-### 运行 JSX 预处理器 {/*run-the-jsx-preprocessor*/}
-
-你可以对 JSX 文件进行预处理。当你编辑保存带有 JSX 的源文件时，这个转换过程将自动重新执行，并把 JSX 文件转换为一个全新的，浏览器可以识别的普通 JavaScript 文件，以下是设置方式：
-
-1. 创建一个名为 **`src`** 的文件夹
-2. 在终端执行这个命令：`npx babel --watch src --out-dir . --presets babel-preset-react-app/prod ` （无需等待运行结果 —— 这个命令会自动启动一个观察器，观察对 `src` 内 JSX 的编辑。）
-3. 将已经 JSX 化的 **`like-button.js`** ([它看起来应该像这样](https://gist.githubusercontent.com/gaearon/be5ae0fbf563d6c5fe5c1563907b13d2/raw/4c0d0b8c7f4fcb341720424c28c72059f8174c62/like-button.js))！文件移动到新的 **`src`** 目录下。
-
-监听器会创建一个预处理过的 **`like_button.js`** 文件，它包含了适用于浏览器的普通 JavaScript 代码.
-
-<Pitfall>
-
-如果你看到一个错误消息显示为：“You have mistakenly installed the `babel` package”，原因可能是未按照 [上一步骤](#add-jsx-to-a-project) 进行操作。在同一个文件夹中执行上一步骤中的命令，然后重试。
-
-</Pitfall>
-
-我们刚才使用的工具叫 Babel，你可以从 [它的文档](https://babeljs.io/docs/en/babel-cli/) 中了解更多。除了 JSX 以外，它还可以让你使用最新的 JavaScript 语法特性，而无需担心不适配旧的浏览器。
-
-如果你认为你已经习惯了构建工具，并希望它们能为你做更多事，[我们在这描述了一些最流行和易上手的工具链](/learn/start-a-new-react-project)。
-
-<DeepDive>
-
-#### React without JSX {/*react-without-jsx*/}
-
-最初引入 JSX 是为了想让 React 编写组件的感觉就像编写 HTML 一样简单，但总有例外，你不想或者不能使用 JSX，此时可以参考其他两种解决方案：
-
-- 使用像 [htm](https://github.com/developit/htm) 这样的 JSX 替代品，它使用 JavaScript 的 [模板字符串](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Template_literals) 来取代编译器。
-- 使用 [`React.createElement()`](/reference/react/createElement) ，它具有下面解释的特殊结构
-
-用 JSX 编写的代码：
-
-```jsx
-function Hello(props) {
-  return <div>Hello {props.toWhat}</div>;
-}
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<Hello toWhat="World" />, );
-```
-
-如果使用 `React.createElement()`，将会是这样：
-
-```js
-function Hello(props) {
-  return React.createElement('div', null, 'Hello ', props.toWhat);
-}
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  React.createElement(Hello, { toWhat: 'World' }, null)
-);
-```
-
-`React.createElement(component, props, ...children)`，它接受三个参数。
-
-以下是它的工作原理：
-
-1. 一个**组件**，它既可以是一个表示 HTML 标签名的字符串，也可以是一个函数组件。
-2. 一个对象，包含 [你想传递给组件的 **props**](/learn/passing-props-to-a-component)。
-3. 其余的参数代表该组件可能拥有多个子元素，比如文本字符串或其他元素。
-
-如果你不想每次都键入 `React.createElement`，通常的做法是使用简写：
-
-```js
-const e = React.createElement;
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(e('div', null, 'Hello World'));
-```
-
-然后，如果你喜欢这种风格，如此编写也可以和 JSX 一样方便。
-
-</DeepDive>
diff --git a/src/content/learn/keeping-components-pure.md b/src/content/learn/keeping-components-pure.md
index d910306a17..ec0b4ce09f 100644
--- a/src/content/learn/keeping-components-pure.md
+++ b/src/content/learn/keeping-components-pure.md
@@ -193,7 +193,7 @@ export default function TeaGathering() {
 
 但是，这里不会有影响，因为每次渲染时，你都是在 `TeaGathering` 函数内部创建的它们。`TeaGathering` 之外的代码并不会知道发生了什么。这就被称为 **“局部 mutation”** — 如同藏在组件里的小秘密。
 
-## 哪些地方 **可能** 引发副作用 {/*where-you-can-cause-side-effects*/}
+## 哪些地方 **可能** 引发副作用 {/*where-you-_can_-cause-side-effects*/}
 
 函数式编程在很大程度上依赖于纯函数，但 **某些事物** 在特定情况下不得不发生改变。这是编程的要义！这些变动包括更新屏幕、启动动画、更改数据等，它们被称为 **副作用**。它们是 **“额外”** 发生的事情，与渲染过程无关。
 
diff --git a/src/content/learn/removing-effect-dependencies.md b/src/content/learn/removing-effect-dependencies.md
index 86e0817d04..271476ea53 100644
--- a/src/content/learn/removing-effect-dependencies.md
+++ b/src/content/learn/removing-effect-dependencies.md
@@ -590,7 +590,7 @@ function ChatRoom({ roomId }) {
 
 每当你收到一条消息，`setMessages()` 就会使该组件重新渲染一个新的 `messages` 数组，其中包括收到的消息。然而，由于该 Effect 现在依赖于 `messages`，这 **也将** 重新同步该 Effect。所以每条新消息都会使聊天重新连接。用户不会喜欢这样！
 
-为了解决这个问题，不要在 Effect 里面读取 `messages`。相反，应该将一个 [state 更新函数](/reference/react/useState#updating-state-based-the-previous-state) 传递给 `setMessages`：
+为了解决这个问题，不要在 Effect 里面读取 `messages`。相反，应该将一个 [state 更新函数](/reference/react/useState#updating-state-based-on-the-previous-state) 传递给 `setMessages`：
 
 ```js {7,10}
 function ChatRoom({ roomId }) {
diff --git a/src/content/learn/your-first-component.md b/src/content/learn/your-first-component.md
index cb0758fbc5..5fa297780a 100644
--- a/src/content/learn/your-first-component.md
+++ b/src/content/learn/your-first-component.md
@@ -221,7 +221,7 @@ function Profile() {
 
 像 Next.js 这样的框架会做更多事情。与使用一个空白的 HTML 页面并让 React 使用 JavaScript “接手”管理页面不同，框架还会根据你的 React 组件自动生成 HTML。这使你的应用程序在加载 JavaScript 代码之前能够展示一些内容。
 
-尽管如此，许多网站仅使用 React 来 [添加“交互性”](/learn/add-react-to-a-website)。它们有很多根组件，而不是整个页面的单个组件。你可以根据需要尽可能多或尽可能少地使用 React。
+尽管如此，许多网站仅使用 React 来 [添加“交互性”](/learn/add-react-to-an-existing-project#using-react-for-a-part-of-your-existing-page)。它们有很多根组件，而不是整个页面的单个组件。你可以根据需要尽可能多或尽可能少地使用 React。
 
 </DeepDive>
 
diff --git a/src/content/reference/react-dom/server/renderToReadableStream.md b/src/content/reference/react-dom/server/renderToReadableStream.md
index aad287829a..85d638070c 100644
--- a/src/content/reference/react-dom/server/renderToReadableStream.md
+++ b/src/content/reference/react-dom/server/renderToReadableStream.md
@@ -441,7 +441,7 @@ If an error happens in the `Posts` component or somewhere inside it, React will
 2. 它将 **放弃** 再尝试在服务器上渲染 `Posts`。
 3. 当 JavaScript 代码加载到客户端上时，React **重新尝试** 在客户端上渲染 `Posts`。
 
-如果在客户端上重新尝试渲染 `Posts` **也** 失败，React 将在客户端上抛出错误。与渲染过程中抛出的所有错误一样，[最近的父级错误边界](/reference/reflect/Component#staticgetderivedstatefromwerror) 决定如何向用户展示错误。在实践中，这意味着用户将看到加载指示符，直到确定错误不可恢复为止。
+如果在客户端上重新尝试渲染 `Posts` **也** 失败，React 将在客户端上抛出错误。与渲染过程中抛出的所有错误一样，[最近的父级错误边界](/reference/react/Component#static-getderivedstatefromerror) 决定如何向用户展示错误。在实践中，这意味着用户将看到加载指示符，直到确定错误不可恢复为止。
 
 如果在客户端上重新尝试渲染 `Posts` 成功，则从服务器加载中的后备方案将被客户端渲染的输出所取代。用户不会知道有服务器错误。但是，服务器的 `onError` 回调和客户端的 [`onRecoverableError`](/reference/react-dom/client/hydrateRoot#hydrateroot) 回调将被触发，以便你可以收到有关错误通知。
 
diff --git a/src/content/reference/react/Component.md b/src/content/reference/react/Component.md
index 04ab56d72d..22c7da910b 100644
--- a/src/content/reference/react/Component.md
+++ b/src/content/reference/react/Component.md
@@ -782,7 +782,7 @@ class Rectangle extends Component {
 - 如果你需要 **运行副作用**（例如，获取数据、运行动画或重新初始化监听）来响应 prop 的更改，那么请将该逻辑移至 [`componentDidUpdate`](#componentdidupdate)。
 - 如果你需要 **避免仅 prop 更改时就重新计算某些数据** 时，请使用 [memoization helper](https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#what-about-memoization) 来代替。
 - 如果你需要 **在 prop 更改时“重置”某些状态** 时，请考虑使组件 [完全控制](https://legacy.reactjs.org/blog/2018/06/07/you-probously-不需要派生状态。html#recommendation-fully-controlled-component) 或者 [使用 key 使组件完全不受控](https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key) 来代替。
-- 如果你需要 **在 prop 更改时“调整”某些状态** 时，请检查你是否可以在渲染期间单独从 props 计算所有必要的信息。如果不能，请使用 [`static getDerivedStateFromProps`](/reference/react/Component#static-getdrivenstatefromprops) 代替。
+- 如果你需要 **在 prop 更改时“调整”某些状态** 时，请检查你是否可以在渲染期间单独从 props 计算所有必要的信息。如果不能，请使用 [`static getDerivedStateFromProps`](/reference/react/Component#static-getderivedstatefromprops) 代替。
 
 [查看避免不安全生命周期的示例](https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#updating-state-based-on-props)。
 
diff --git a/src/content/reference/react/use.md b/src/content/reference/react/use.md
index e804af6596..3facc6b6c2 100644
--- a/src/content/reference/react/use.md
+++ b/src/content/reference/react/use.md
@@ -312,7 +312,7 @@ export default async function App() {
 }
 ```
 
-但是在 [服务器组件](/reference/rsc/server-component) 中使用 `await` 会在 `await` 执行完成前阻塞渲染。而将 Promise 从服务器组件传递到客户端组件可以防止 Promise 阻塞服务器组件渲染。
+但是在 [服务器组件](/reference/rsc/server-components) 中使用 `await` 会在 `await` 执行完成前阻塞渲染。而将 Promise 从服务器组件传递到客户端组件可以防止 Promise 阻塞服务器组件渲染。
 
 </DeepDive>
 
diff --git a/src/content/reference/rsc/server-actions.md b/src/content/reference/rsc/server-actions.md
deleted file mode 100644
index d6c26b902c..0000000000
--- a/src/content/reference/rsc/server-actions.md
+++ /dev/null
@@ -1,213 +0,0 @@
----
-title: Server Actions
-canary: true
----
-
-<Intro>
-
-Server Actions allow Client Components to call async functions executed on the server.
-
-</Intro>
-
-<InlineToc />
-
-<Note>
-
-#### How do I build support for Server Actions? {/*how-do-i-build-support-for-server-actions*/}
-
-While Server Actions in React 19 are stable and will not break between major versions, the underlying APIs used to implement Server Actions in a React Server Components bundler or framework do not follow semver and may break between minors in React 19.x. 
-
-To support Server Actions as a bundler or framework, we recommend pinning to a specific React version, or using the Canary release. We will continue working with bundlers and frameworks to stabilize the APIs used to implement Server Actions in the future.
-
-</Note>
-
-When a Server Action is defined with the `"use server"` directive, your framework will automatically create a reference to the server function, and pass that reference to the Client Component. When that function is called on the client, React will send a request to the server to execute the function, and return the result.
-
-Server Actions can be created in Server Components and passed as props to Client Components, or they can be imported and used in Client Components.
-
-### Creating a Server Action from a Server Component {/*creating-a-server-action-from-a-server-component*/}
-
-Server Components can define Server Actions with the `"use server"` directive:
-
-```js [[2, 7, "'use server'"], [1, 5, "createNoteAction"], [1, 12, "createNoteAction"]]
-// Server Component
-import Button from './Button';
-
-function EmptyNote () {
-  async function createNoteAction() {
-    // Server Action
-    'use server';
-    
-    await db.notes.create();
-  }
-
-  return <Button onClick={createNoteAction}/>;
-}
-```
-
-When React renders the `EmptyNote` Server Component, it will create a reference to the `createNoteAction` function, and pass that reference to the `Button` Client Component. When the button is clicked, React will send a request to the server to execute the `createNoteAction` function with the reference provided:
-
-```js {5}
-"use client";
-
-export default function Button({onClick}) { 
-  console.log(onClick); 
-  // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'}
-  return <button onClick={() => onClick()}>Create Empty Note</button>
-}
-```
-
-For more, see the docs for [`"use server"`](/reference/rsc/use-server).
-
-
-### Importing Server Actions from Client Components {/*importing-server-actions-from-client-components*/}
-
-Client Components can import Server Actions from files that use the `"use server"` directive:
-
-```js [[1, 3, "createNoteAction"]]
-"use server";
-
-export async function createNoteAction() {
-  await db.notes.create();
-}
-
-```
-
-When the bundler builds the `EmptyNote` Client Component, it will create a reference to the `createNoteAction` function in the bundle. When the `button` is clicked, React will send a request to the server to execute the `createNoteAction` function using the reference provided:
-
-```js [[1, 2, "createNoteAction"], [1, 5, "createNoteAction"], [1, 7, "createNoteAction"]]
-"use client";
-import {createNoteAction} from './actions';
-
-function EmptyNote() {
-  console.log(createNoteAction);
-  // {$$typeof: Symbol.for("react.server.reference"), $$id: 'createNoteAction'}
-  return <button onClick={createNoteAction} />
-}
-```
-
-For more, see the docs for [`"use server"`](/reference/rsc/use-server).
-
-### Composing Server Actions with Actions {/*composing-server-actions-with-actions*/}
-
-Server Actions can be composed with Actions on the client:
-
-```js [[1, 3, "updateName"]]
-"use server";
-
-export async function updateName(name) {
-  if (!name) {
-    return {error: 'Name is required'};
-  }
-  await db.users.updateName(name);
-}
-```
-
-```js [[1, 3, "updateName"], [1, 13, "updateName"], [2, 11, "submitAction"],  [2, 23, "submitAction"]]
-"use client";
-
-import {updateName} from './actions';
-
-function UpdateName() {
-  const [name, setName] = useState('');
-  const [error, setError] = useState(null);
-
-  const [isPending, startTransition] = useTransition();
-
-  const submitAction = async () => {
-    startTransition(async () => {
-      const {error} = await updateName(name);
-      if (!error) {
-        setError(error);
-      } else {
-        setName('');
-      }
-    })
-  }
-  
-  return (
-    <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending}/>
-      {state.error && <span>Failed: {state.error}</span>}
-    </form>
-  )
-}
-```
-
-This allows you to access the `isPending` state of the Server Action by wrapping it in an Action on the client.
-
-For more, see the docs for [Calling a Server Action outside of `<form>`](/reference/rsc/use-server#calling-a-server-action-outside-of-form)
-
-### Form Actions with Server Actions {/*form-actions-with-server-actions*/}
-
-Server Actions work with the new Form features in React 19.
-
-You can pass a Server Action to a Form to automatically submit the form to the server:
-
-
-```js [[1, 3, "updateName"], [1, 7, "updateName"]]
-"use client";
-
-import {updateName} from './actions';
-
-function UpdateName() {
-  return (
-    <form action={updateName}>
-      <input type="text" name="name" />
-    </form>
-  )
-}
-```
-
-When the Form submission succeeds, React will automatically reset the form. You can add `useActionState` to access the pending state, last response, or to support progressive enhancement.
-
-For more, see the docs for [Server Actions in Forms](/reference/rsc/use-server#server-actions-in-forms).
-
-### Server Actions with `useActionState` {/*server-actions-with-use-action-state*/}
-
-You can compose Server Actions with `useActionState` for the common case where you just need access to the action pending state and last returned response:
-
-```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "submitAction"], [2, 9, "submitAction"]]
-"use client";
-
-import {updateName} from './actions';
-
-function UpdateName() {
-  const [state, submitAction, isPending] = useActionState(updateName, {error: null});
-
-  return (
-    <form action={submitAction}>
-      <input type="text" name="name" disabled={isPending}/>
-      {state.error && <span>Failed: {state.error}</span>}
-    </form>
-  );
-}
-```
-
-When using `useActionState` with Server Actions, React will also automatically replay form submissions entered before hydration finishes. This means users can interact with your app even before the app has hydrated.
-
-For more, see the docs for [`useActionState`](/reference/react/useActionState).
-
-### Progressive enhancement with `useActionState` {/*progressive-enhancement-with-useactionstate*/}
-
-Server Actions also support progressive enhancement with the third argument of `useActionState`.
-
-```js [[1, 3, "updateName"], [1, 6, "updateName"], [2, 6, "/name/update"], [3, 6, "submitAction"], [3, 9, "submitAction"]]
-"use client";
-
-import {updateName} from './actions';
-
-function UpdateName() {
-  const [, submitAction] = useActionState(updateName, null, `/name/update`);
-
-  return (
-    <form action={submitAction}>
-      ...
-    </form>
-  );
-}
-```
-
-When the <CodeStep step={2}>permalink</CodeStep> is provided to `useActionState`, React will redirect to the provided URL if the form is submitted before the JavaScript bundle loads.
-
-For more, see the docs for [`useActionState`](/reference/react/useActionState).
diff --git a/src/content/reference/rsc/use-server.md b/src/content/reference/rsc/use-server.md
index 04c447bc67..90b3feff1d 100644
--- a/src/content/reference/rsc/use-server.md
+++ b/src/content/reference/rsc/use-server.md
@@ -100,7 +100,7 @@ async function addToCart(data) {
 
 ## 用法 {/*usage*/}
 
-### 表格中的服务器函数 {/*server-actions-in-forms*/}
+### 表格中的服务器函数 {/*server-functions-in-forms*/}
 
 服务器函数的最常见用法将是调用会更改数据的函数。在浏览器中，[HTML form 元素](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form) 是用户提交变更的传统方法。通过 React 服务器组件，React 在 [表单](/reference/react-dom/components/form) 中首次引入了对服务器函数的一流支持。
 
@@ -173,7 +173,7 @@ function UsernameForm() {
 
 请注意，与大多数 Hook 一样，`useActionState` 只能在 <CodeStep step={1}>[客户端代码](/reference/react/use-client)</CodeStep> 中调用。
 
-### 在 `<form>` 之外调用服务器函数 {/*calling-a-server-action-outside-of-form*/}
+### 在 `<form>` 之外调用服务器函数 {/*calling-a-server-function-outside-of-form*/}
 
 Server Action 是暴露的服务器端点，可以在客户端代码的任何位置调用。