@modern-js/main-doc 0.0.0-next-1686722870675 → 0.0.0-next-1686752256456

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @modern-js/main-doc
 
-## 0.0.0-next-1686722870675
+## 0.0.0-next-1686752256456
 
 ### Patch Changes
 
@@ -35,7 +35,8 @@
 - 8bb0e146f: chore: review code split docs
   chore: 审查代码分割文档
 - Updated dependencies [7e6fb5fc1]
-  - @modern-js/builder-doc@0.0.0-next-1686722870675
+- Updated dependencies [692cc0ed2]
+  - @modern-js/builder-doc@0.0.0-next-1686752256456
 
 ## 2.22.1
 

package/docs/en/apis/app/runtime/core/bootstrap.mdx

@@ -3,7 +3,7 @@ title: bootstrap
 ---
 # bootstrap
 
-Used to start and mount App, usually without manual calls. This API is only required when using [Custom Bootstrap](/guides/concept/entries#custom-bootstrap).
+Used to start and mount App, usually not manually called. This API is only required when using [Custom Bootstrap](/guides/concept/entries#custom-bootstrap).
 
 ## Usage
 
@@ -32,10 +32,10 @@ type BootStrap<T = unknown> = (
 
 ### Input
 
-- `AppComponent`: reactElement instance created by [`createApp`](./create-app).
-- `rootId`: DOM root element id to mount, like `"root"`.
-- `root`: ReactDOM.create the return value, which is used in the scenario where the root needs to destroy the component outside the bootstrap function.
-- `ReactDOM`: ReactDOM object for distinguishing between React 18 and React 17 APIs.
+- `AppComponent`: The ReactElement instance created by [`createApp`](./create-app).
+- `rootId`: DOM root element id to mount, such as `"root"`.
+- `root`: The return value of ReactDOM.createRoot, used for scenarios where the root needs to be destroyed outside of the bootstrap function.
+- `ReactDOM`: The ReactDOM object, used to differentiate between React 18 and React 17 APIs.
 
 ## Example
 

package/docs/en/apis/app/runtime/core/use-loader.mdx

@@ -3,10 +3,10 @@ title: useLoader
 ---
 # useLoader
 
-Isomorphic API, usually used to make asynchronous requests. When SSR, the server level uses `useLoader` to prefetch the data, and the browser side also reuses this part of the data.
+`useLoader` is an Isomorphic API, usually used to make asynchronous requests. During Server-Side Rendering (SSR), the server uses `useLoader` to prefetch the data, which is then reused on the client side.
 
 :::tip
-When using Rspack as the bundler, the useLoader API is not currently supported.
+The `useLoader` API is currently not supported when using Rspack as the bundler.
 :::
 
 ## Usage

package/docs/en/apis/app/runtime/core/use-module-apps.mdx

@@ -3,7 +3,7 @@ title: useModuleApps
 ---
 # useModuleApps
 
-Returns the React components of all micro-front-end sub-applications for freely controlled routing.
+Returns the React components of all micro-front-end sub-applications, allowing for flexible control over routing.
 
 ## Usage
 
@@ -107,7 +107,7 @@ After starting the application in this way, accessing the `/dashboard` route wil
 
 ## Load Animation
 
-The transition animation of the component loading process can be customized in the following ways.
+You can customize the transition animation of the component loading process as follows.
 
 ```tsx title=App.tsx
 function App() {

package/docs/en/apis/app/runtime/core/use-runtime-context.mdx

@@ -3,7 +3,7 @@ title: useRuntimeContext
 ---
 # useRuntimeContext
 
-This function is mainly used to get the runtime context and can only be used in function components.
+Used to get the runtime context and can only be used in function components.
 
 ## Usage
 

package/docs/en/apis/app/runtime/testing/render.mdx

@@ -41,7 +41,7 @@ function render(ui: React.ReactElement<any>, options: Options): RenderResult;
 - `options`: render options.
   - `container`: the dom which component mounted. by default create a `div` element, and auto append to `document.body`. the default value is `document.body.append(document.createElement('div'))`.
   - `baseElement`: Used to specify the `basename` used in `queries`. If `container` is specified, the default value is the value of `container`, otherwise it is `document.body`.
-  - `hydrate`: If set to `true`, the [ReactDOM.hydrate](https://reactjs.org/docs/react-dom.html#hydrate) rendering component is used. The default value is `false`.
+  - `hydrate`: If set to `true`, the [ReactDOM.hydrate](https://react.dev/reference/react-dom/hydrate) rendering component is used. The default value is `false`.
   - `wrapper`: a react component that can be used to customize rendering logic.
   - `queries`: customize some own `queries`.
 

package/docs/en/guides/advanced-features/code-split.mdx

@@ -54,7 +54,7 @@ function MyComponent() {
 }
 ```
 
-For details, see [React lazy](https://reactjs.org/docs/code-splitting.html#reactlazy).
+For details, see [React lazy](https://react.dev/reference/react/lazy).
 
 ## Loadable
 

package/docs/en/guides/advanced-features/ssr.mdx

@@ -75,7 +75,7 @@ Warning: Expected server HTML to contain a matching <div> in <div>.
 This is caused by the inconsistency between the rendering result and the SSR rendering result when React executes the hydrate logic on the client side. Although the page performs normally, in complex applications, it is likely to cause problems such as DOM hierarchy confusion and style confusion.
 
 :::info
-For hydrate logic, please refer to [here](https://reactjs.org/docs/react-dom.html#hydrate).
+For hydrate logic, please refer to [here](https://react.dev/reference/react-dom/hydrate).
 
 :::
 
@@ -455,7 +455,7 @@ export default Page;
 ```
 
 `Await` needs to be wrapped inside the `Suspense` component. The `resolve` of `Await` passes in the data acquired asynchronously by the Data Loader. When the data acquisition is completed,
-the obtained data is rendered through the [Render Props](https://reactjs.org/docs/render-props.html) mode. When the data acquisition is in pending status, the
+the obtained data is rendered through the [Render Props](https://react.dev/reference/react/cloneElement#passing-data-with-a-render-prop) mode. When the data acquisition is in pending status, the
 content set by the `fallback` property of the `Suspense` component will display.
 
 

package/docs/zh/apis/app/runtime/testing/render.mdx

@@ -41,7 +41,7 @@ function render(ui: React.ReactElement<any>, options: Options): RenderResult;
 - `options`：render 可选配置。
   - `container`：表示组件所要挂载到的 DOM 节点，默认是会创建一个 `div` 元素，并自动添加到 `document.body` 上。这个 `div` 元素就是组件要挂载的节点。默认值是 `document.body.append(document.createElement('div'))`。
   - `baseElement`：用于指定 `queries` 中使用到的 `basename`。如果指定了 `container`, 则默认值为 `container` 的值，否则就是 `document.body`。
-  - `hydrate`：如果设置为 `true`，则会使用 [ReactDOM.hydrate](https://reactjs.org/docs/react-dom.html#hydrate) 渲染组件。默认值为 `false`。
+  - `hydrate`：如果设置为 `true`，则会使用 [ReactDOM.hydrate](https://zh-hans.react.dev/reference/react-dom/hydrate) 渲染组件。默认值为 `false`。
   - `wrapper`：是一个 react 组件，可用于自定义渲染逻辑。
   - `queries`：自定义一些自己的 `queries`。
 

package/docs/zh/guides/advanced-features/code-split.mdx

@@ -54,7 +54,7 @@ function MyComponent() {
 }
 ```
 
-`React.lazy` 更多用法请见 [React 官网文档](https://zh-hans.reactjs.org/docs/code-splitting.html#reactlazy)。
+`React.lazy` 更多用法请见 [React 官网文档](https://zh-hans.react.dev/reference/react/lazy)。
 
 ## Loadable
 

package/docs/zh/guides/advanced-features/ssr.mdx

@@ -74,7 +74,7 @@ Warning: Expected server HTML to contain a matching <div> in <div>.
 这是 React 在客户端执行 hydrate 逻辑时，发现渲染结果与 SSR 渲染结果不一致造成的。虽然页面表现正常，但在复杂应用中，很有可能因此出现 DOM 层级混乱、样式混乱等问题。
 
 :::info
-关于 hydrate (注水)逻辑请参考[这里](https://reactjs.org/docs/react-dom.html#hydrate)。
+关于 hydrate (注水)逻辑请参考[这里](https://zh-hans.react.dev/reference/react-dom/hydrate)。
 
 :::
 
@@ -447,7 +447,7 @@ export default Page;
 ```
 
 `Await` 需要包裹在 `Suspense` 组件内部，`Await` 的 `resolve` 传入的是 Data Loader 异步获取的数据，当数据获取完成后，
-通过 [Render Props](https://reactjs.org/docs/render-props.html) 模式，渲染获取到的数据。在数据的获取阶段，将展示
+通过 [Render Props](https://zh-hans.react.dev/reference/react/cloneElement#passing-data-with-a-render-prop) 模式，渲染获取到的数据。在数据的获取阶段，将展示
 `Suspense` 组件 `fallback` 属性设置的内容。
 
 :::warning 注意

package/package.json

@@ -15,14 +15,14 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-next-1686722870675",
+  "version": "0.0.0-next-1686752256456",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "0.0.0-next-1686722870675"
+    "@modern-js/builder-doc": "0.0.0-next-1686752256456"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -34,9 +34,9 @@
     "fs-extra": "^10",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "0.0.0-next-1686722870675",
-    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1686722870675",
-    "@modern-js/doc-tools": "0.0.0-next-1686722870675"
+    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1686752256456",
+    "@modern-js/builder-doc": "0.0.0-next-1686752256456",
+    "@modern-js/doc-tools": "0.0.0-next-1686752256456"
   },
   "scripts": {
     "dev": "modern dev",