Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
sunnylqm committed Jul 18, 2023
1 parent a62cc94 commit 5d71dfc
Show file tree
Hide file tree
Showing 17 changed files with 49 additions and 49 deletions.
2 changes: 1 addition & 1 deletion cndocs/_getting-started-linux-android.md
Original file line number Diff line number Diff line change
Expand Up @@ -162,7 +162,7 @@ yarn react-native run-android

如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程`严重依赖稳定的代理软件`,否则将频繁遭遇链接超时和断开,导致无法运行。

也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`jcenter()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/jcenter' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意有多处需要替换)。
也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`mavenCentral()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/central' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意可能有多处需要替换)。

`npx react-native run-android`只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用。

Expand Down
2 changes: 1 addition & 1 deletion cndocs/_getting-started-macos-android.md
Original file line number Diff line number Diff line change
Expand Up @@ -172,7 +172,7 @@ yarn react-native run-android

如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程`严重依赖稳定的代理软件`,否则将频繁遭遇链接超时和断开,导致无法运行。

也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`jcenter()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/jcenter' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意有多处需要替换)。
也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`mavenCentral()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/central' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意可能有多处需要替换)。

`npx react-native run-android`只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用。

Expand Down
2 changes: 1 addition & 1 deletion cndocs/_getting-started-windows-android.md
Original file line number Diff line number Diff line change
Expand Up @@ -168,7 +168,7 @@ yarn react-native run-android

如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程`严重依赖稳定的代理软件`,否则将频繁遭遇链接超时和断开,导致无法运行。

也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`jcenter()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/jcenter' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意有多处需要替换)。
也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`mavenCentral()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/central' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意可能有多处需要替换)。

`npx react-native run-android`只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用。

Expand Down
10 changes: 5 additions & 5 deletions cndocs/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
10 changes: 5 additions & 5 deletions cnwebsite/versioned_docs/version-0.66/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
10 changes: 5 additions & 5 deletions cnwebsite/versioned_docs/version-0.67/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
10 changes: 5 additions & 5 deletions cnwebsite/versioned_docs/version-0.68/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
10 changes: 5 additions & 5 deletions cnwebsite/versioned_docs/version-0.69/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
10 changes: 5 additions & 5 deletions cnwebsite/versioned_docs/version-0.70/xplat-implementation.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ title: 跨平台的实现

React Native 团队计划将动画系统加入到渲染系统中,并将 React Native 的渲染系统扩展到新的平台,例如 Windows、游戏机、电视等等。

使用 C++ 作为核心渲染系统有几个有点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。
使用 C++ 作为核心渲染系统有几个要点。首先,单一实现降低了开发和维护成本。其次,它提升了创建 React 影子树的性能,同时在 Android 上,也因为不再使用 JNI for Yoga,降低了 Yoga 渲染引擎的开销,布局计算的性能也有所提升。最后,每个 React 影子节点在 C++ 中占用的内存,比在 Kotlin 或 Swift 中占用的要小。

> 名词解释
>
Expand All @@ -26,13 +26,13 @@ React Native 团队还使用了强制不可变的 C++ 特性,来确保并发

React Native 团队在探索使用 `ByteBuffer` 序列化数据这种新的机制,来替换 `ReadableMap`,减少 JNI 的开销。目标是将 JNI 的开销减少 35~50%。

渲染器提供了 C++ 与两边通信的 API:
渲染器提供了 C++ 与两边通信的 API:

- **(i)** 与 React 通信
- **(i)** 与 React 通信
- **(ii)** 与宿主平台通信

关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。
关于 **(i) **React 与渲染器的通信,包括**渲染(render)** React 树和监听**事件(event)**,比如 `onLayout``onKeyPress`、touch 等。

关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**
关于 **(ii) ** React Native 渲染器与宿主平台的通信,包括在屏幕上**挂载(mount)**宿主视图,包括 create、insert、update、delete 宿主视图,和监听用户在宿主平台产生的**事件(event)**

![Cross-platform implementation diagram](https://reactnative.dev/assets/images/xplat-implementation-diagram-7611cf9dfb6d15667365630147d83ca5.png)
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ yarn react-native run-android

如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖,耗时可能数十分钟。此过程`严重依赖稳定的代理软件`,否则将频繁遭遇链接超时和断开,导致无法运行。

也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`jcenter()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/jcenter' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意有多处需要替换)。
也可以尝试阿里云提供的[maven 镜像](https://help.aliyun.com/document_detail/102512.html?spm=a2c40.aliyun_maven_repo.0.0.361865e90r2x4b),将`android/build.gradle`中的`mavenCentral()``google()`分别替换为`maven { url 'https://maven.aliyun.com/repository/central' }``maven { url 'https://maven.aliyun.com/repository/google' }`注意可能有多处需要替换)。

`npx react-native run-android`只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用。

Expand Down
Loading

0 comments on commit 5d71dfc

Please sign in to comment.