chore: update

Author: Timeless0911

website/docs/en/guide/solution/react.mdx

@@ -45,14 +45,16 @@ export default defineConfig({
 
 ## JSX transform
 
-- **Type**: `'automatic' | 'classic' | 'preserve'`
-- **Default**: `'automatic'`
+- **Type:** `'automatic' | 'classic' | 'preserve'`
+- **Default:** `'automatic'`
 
 React introduced a [new JSX transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) in version 17. This new transform removes the need to import `React` when using JSX.
 
-By default, Rsbuild uses the new JSX transform, which is `runtime: 'automatic'`. It requires at least React `16.14.0` or higher. The `peerDependencies` should be declared as `"react": ">=16.14.0"`.
+By default, Rslib uses the new JSX transform, which is `runtime: 'automatic'`. It requires at least React `16.14.0` or higher and the `peerDependencies` should be specified as `"react": ">=16.14.0"`.
 
-To change the JSX transform, you can pass the [swcReactOptions](https://rsbuild.rs/plugins/list/plugin-react#swcreactoptionsruntime) option to the React plugin. For example, to use the classic runtime:
+To change the JSX transform, you can set the [swcReactOptions](https://rsbuild.rs/plugins/list/plugin-react#swcreactoptionsruntime) option in `@rsbuild/plugin-react`.
+
+For example, to use the classic runtime:
 
 ```ts title="rslib.config.ts" twoslash
 import { pluginReact } from '@rsbuild/plugin-react';
@@ -76,15 +78,15 @@ export default defineConfig({
 });
 ```
 
-When you need to keep native JSX in the build output, set the runtime to `'preserve'`. This mode retains JSX syntax so it can be processed later (for example by another bundler).
+When you need to keep native JSX in the build output, you can set the runtime to `'preserve'` to leave JSX syntax unchanged without transforming it, which is useful for subsequent processing by other bundlers.
 
-::: warn
+::: warning
 
-Because the files stay unbundled, you must switch to bundleless mode by setting `bundle: false`.
+When using `runtime: 'preserve'`, you must set `bundle: false` to enable [bundleless mode](/guide/basic/output-structure#bundle--bundleless) to keep files unbundled.
 
 :::
 
-To emit `.jsx` files, configure the JS filename template through [output.filename](/config/rsbuild/output#outputfilename) while using the preserve runtime:
+To emit `.jsx` files, you can configure the JS filename template through [output.filename](/config/rsbuild/output#outputfilename) option:
 
 ```ts title="rslib.config.ts" twoslash
 import { pluginReact } from '@rsbuild/plugin-react';
@@ -95,9 +97,10 @@ export default defineConfig({
     {
       bundle: false,
       format: 'esm',
+      // [!code highlight:5]
       output: {
         filename: {
-          js: '[name].jsx', // [!code highlight]
+          js: '[name].jsx',
         },
       },
     },

website/docs/zh/guide/solution/react.mdx

@@ -45,14 +45,16 @@ export default defineConfig({
 
 ## JSX transform
 
-- **类型**: `'automatic' | 'classic' | 'preserve'`
-- **默认值**: `'automatic'`
+- **类型：** `'automatic' | 'classic' | 'preserve'`
+- **默认值：** `'automatic'`
 
 React 引入了一个 [新的 JSX transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html) 在版本 17 中。这个新的 transform 在使用 JSX 时无需导入 `React`。
 
-默认情况下，Rsbuild 使用新的 JSX 转换，即 `runtime: 'automatic'`。需要 React `16.14.0` 或更高版本。 `peerDependencies` 中应声明 `"react": ">=16.14.0"`。
+默认情况下，Rslib 使用新的 JSX 转换，即 `runtime: 'automatic'`。这需要 React `16.14.0` 或更高版本，且 `peerDependencies` 中应声明 `"react": ">=16.14.0"`。
 
-要更改 JSX transform，可以传递 [swcReactOptions](https://rsbuild.rs/zh/plugins/list/plugin-react#swcreactoptionsruntime) 给 React plugin. 比如要使用 classic runtime 时:
+要更改 JSX transform，可以在 `@rsbuild/plugin-react` 中设置 [swcReactOptions](https://rsbuild.rs/zh/plugins/list/plugin-react#swcreactoptionsruntime) 选项。
+
+比如要使用 classic runtime 时：
 
 ```ts title="rslib.config.ts" twoslash
 import { pluginReact } from '@rsbuild/plugin-react';
@@ -76,11 +78,11 @@ export default defineConfig({
 });
 ```
 
-当你希望在构建产物中保留原始 JSX 时，可以将 runtime 设置为 `'preserve'`。该模式会保留 JSX 语法，方便后续由其他打包工具处理。
+当你希望在构建产物中保留原始 JSX 时，可以将 runtime 设置为 `'preserve'`。该模式可以保持 JSX 语法原样，不做任何转换，方便后续由其他打包工具处理。
 
-::: warn
+::: warning
 
-因为文件保持非打包状态，所以必须通过将 `bundle` 设为 `false` 启用 bundleless 模式。
+使用 `runtime: 'preserve'` 时，必须设置 `bundle: false` 启用 [bundleless 模式](/guide/basic/output-structure#bundle--bundleless) 使文件保持非打包状态。
 
 :::
 
@@ -95,9 +97,10 @@ export default defineConfig({
     {
       bundle: false,
       format: 'esm',
+      // [!code highlight:5]
       output: {
         filename: {
-          js: '[name].jsx', // [!code highlight]
+          js: '[name].jsx',
         },
       },
     },