Update iOS integration documentation and package dependencies

- Revised section headers in iOS integration documentation for clarity.
- Updated package.json to reflect new versions of Docusaurus and related dependencies.
- Added a new version entry in versions.json for version 0.82.

Author: sunnylqm

cndocs/_integration-with-existing-apps-ios.md

@@ -509,7 +509,7 @@ REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"
 
 这可以通过使用 `RCTReactNativeFactory` 类的 `view(withModuleName:initialProperty)` 重载的 `initialProperties` 参数来实现。以下步骤展示了如何实现。
 
-### 更新 App.tsx 文件以读取初始属性。
+### 更新 App.tsx 文件以读取初始属性
 
 打开 `App.tsx` 文件并添加以下代码：
 
@@ -579,7 +579,7 @@ export default App;
 
 这些更改将告诉 React Native 您的 App 组件现在接受一些属性。`RCTreactNativeFactory` 将负责在组件渲染时将它们传递给它。
 
-### 更新原生代码以将初始属性传递给 JavaScript。
+### 更新原生代码以将初始属性传递给 JavaScript
 
 <Tabs groupId="ios-language" queryString defaultValue={constants.defaultAppleLanguage} values={constants.appleLanguages}>
 <TabItem value="objc">

cnwebsite/package.json

@@ -21,21 +21,18 @@
     "clear": "docusaurus clear",
     "test": "yarn build",
     "version:cut": "docusaurus docs:version",
-    "format:source": "prettier --write '{core,src}/**/*.{js,jsx,ts,tsx}'",
-    "format:markdown": "prettier --write ../docs/*.md && prettier --write {versioned_docs/**/*.md,blog/*.md}",
-    "format:style": "prettier --write src/**/*.{scss,css}",
-    "format:examples": "eslint-examples-js --fix && eslint-examples-tsx --fix",
-    "prettier": "yarn format:source && yarn format:markdown && yarn format:style",
-    "lint": "eslint ../docs/** blog/** \"{core,src}/**/*.{js,jsx,ts,tsx}\"",
-    "lint:examples": "eslint-examples-js && eslint-examples-tsx && tsc-examples",
-    "lint:versioned": "eslint versioned_docs/**",
-    "lint:markdown": "remark ../docs --quiet -r .remarkrc.mjs",
-    "lint:markdown:versioned": "remark ./versioned_docs --quiet -r .remarkrc.mjs",
-    "lint:format": "prettier --check '{core,src}/**/*.{js,jsx,ts,tsx}' ../docs/*.md {versioned_docs/**/*.md,blog/*.md} src/**/*.{scss,css}",
+    "format:style": "prettier --write src/**/*.scss",
+    "format:examples": "eslint-examples-jsx --fix && eslint-examples-tsx --fix",
+    "prettier": "yarn format:style",
+    "lint": "eslint .",
+    "lint:examples": "eslint-examples-jsx && eslint-examples-tsx && tsc-examples",
+    "lint:markdown:images": "node ../scripts/image-check.js",
+    "lint:markdown:links": "remark ../docs --quiet -r .remarkrc.withBrokenLinks.mjs",
     "language:lint": "cd ../ && alex && case-police 'docs/*.md' -d ./website/react-native-dict.json --disable SDK,URI",
     "language:lint:versioned": "cd ../ && alex . && case-police '**/*.md' -d ./website/react-native-dict.json --disable SDK,URI",
-    "ci:lint": "yarn lint && yarn lint:examples && yarn lint:versioned && yarn language:lint:versioned && yarn lint:markdown && yarn lint:format",
-    "pwa:generate": "npx pwa-asset-generator ./static/img/header_logo.svg ./static/img/pwa --padding '40px' --background 'rgb(32, 35, 42)' --icon-only --opaque true"
+    "ci:lint": "yarn lint && yarn lint:examples && yarn language:lint:versioned && yarn lint:markdown:images && prettier --check src/**/*.scss",
+    "pwa:generate": "npx pwa-asset-generator ./static/img/header_logo.svg ./static/img/pwa --padding '40px' --background 'rgb(32, 35, 42)' --icon-only --opaque true",
+    "generate-llms-txt": "node ../scripts/generate-llms-txt.js"
   },
   "browserslist": {
     "production": [
@@ -50,32 +47,30 @@
     ]
   },
   "dependencies": {
-    "@docusaurus/core": "3.8.1",
-    "@docusaurus/faster": "3.8.1",
-    "@docusaurus/plugin-google-gtag": "3.8.1",
-    "@docusaurus/plugin-pwa": "3.8.1",
-    "@docusaurus/preset-classic": "3.8.1",
+    "@docusaurus/core": "3.9.1",
+    "@docusaurus/faster": "3.9.1",
+    "@docusaurus/plugin-google-gtag": "3.9.1",
+    "@docusaurus/plugin-pwa": "3.9.1",
+    "@docusaurus/preset-classic": "3.9.1",
     "docusaurus-plugin-sass": "^0.2.6",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-github-btn": "^1.4.0",
-    "sass": "1.76.0"
+    "react-github-btn": "^1.4.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.8.1",
-    "@docusaurus/tsconfig": "3.8.1",
-    "@docusaurus/types": "3.8.1",
-    "@react-native-website/lint-examples": "0.0.0",
-    "@react-native-website/update-redirects": "0.0.0",
+    "@docusaurus/module-type-aliases": "3.9.1",
+    "@docusaurus/tsconfig": "3.9.1",
+    "@docusaurus/types": "3.9.1",
+    "@react-native-website/lint-examples": "*",
     "@types/google.analytics": "^0.0.46",
-    "@types/react": "^19.1.10",
+    "@types/react": "^19.1.13",
     "alex": "^11.0.1",
     "case-police": "^1.0.0",
-    "eslint": "^8.57.1",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
+    "eslint": "^9.35.0",
+    "glob": "^11.0.3",
     "prettier": "^3.6.2",
     "remark-cli": "^12.0.1",
+    "sass": "1.92.1",
     "typescript": "^5.9.2"
   }
 }

cnwebsite/versioned_docs/version-0.78/_integration-with-existing-apps-ios.md

@@ -509,7 +509,7 @@ REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"
 
 这可以通过使用 `RCTReactNativeFactory` 类的 `view(withModuleName:initialProperty)` 重载的 `initialProperties` 参数来实现。以下步骤展示了如何实现。
 
-### 更新 App.tsx 文件以读取初始属性。
+### 更新 App.tsx 文件以读取初始属性
 
 打开 `App.tsx` 文件并添加以下代码：
 
@@ -579,7 +579,7 @@ export default App;
 
 这些更改将告诉 React Native 您的 App 组件现在接受一些属性。`RCTreactNativeFactory` 将负责在组件渲染时将它们传递给它。
 
-### 更新原生代码以将初始属性传递给 JavaScript。
+### 更新原生代码以将初始属性传递给 JavaScript
 
 <Tabs groupId="ios-language" queryString defaultValue={constants.defaultAppleLanguage} values={constants.appleLanguages}>
 <TabItem value="objc">

cnwebsite/versioned_docs/version-0.79/_integration-with-existing-apps-ios.md

@@ -509,7 +509,7 @@ REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"
 
 这可以通过使用 `RCTReactNativeFactory` 类的 `view(withModuleName:initialProperty)` 重载的 `initialProperties` 参数来实现。以下步骤展示了如何实现。
 
-### 更新 App.tsx 文件以读取初始属性。
+### 更新 App.tsx 文件以读取初始属性
 
 打开 `App.tsx` 文件并添加以下代码：
 
@@ -579,7 +579,7 @@ export default App;
 
 这些更改将告诉 React Native 您的 App 组件现在接受一些属性。`RCTreactNativeFactory` 将负责在组件渲染时将它们传递给它。
 
-### 更新原生代码以将初始属性传递给 JavaScript。
+### 更新原生代码以将初始属性传递给 JavaScript
 
 <Tabs groupId="ios-language" queryString defaultValue={constants.defaultAppleLanguage} values={constants.appleLanguages}>
 <TabItem value="objc">

cnwebsite/versioned_docs/version-0.80/_integration-with-existing-apps-ios.md

@@ -509,7 +509,7 @@ REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"
 
 这可以通过使用 `RCTReactNativeFactory` 类的 `view(withModuleName:initialProperty)` 重载的 `initialProperties` 参数来实现。以下步骤展示了如何实现。
 
-### 更新 App.tsx 文件以读取初始属性。
+### 更新 App.tsx 文件以读取初始属性
 
 打开 `App.tsx` 文件并添加以下代码：
 
@@ -579,7 +579,7 @@ export default App;
 
 这些更改将告诉 React Native 您的 App 组件现在接受一些属性。`RCTreactNativeFactory` 将负责在组件渲染时将它们传递给它。
 
-### 更新原生代码以将初始属性传递给 JavaScript。
+### 更新原生代码以将初始属性传递给 JavaScript
 
 <Tabs groupId="ios-language" queryString defaultValue={constants.defaultAppleLanguage} values={constants.appleLanguages}>
 <TabItem value="objc">

cnwebsite/versioned_docs/version-0.81/_integration-with-existing-apps-ios.md

@@ -509,7 +509,7 @@ REACT_NATIVE_XCODE="$REACT_NATIVE_PATH/scripts/react-native-xcode.sh"
 
 这可以通过使用 `RCTReactNativeFactory` 类的 `view(withModuleName:initialProperty)` 重载的 `initialProperties` 参数来实现。以下步骤展示了如何实现。
 
-### 更新 App.tsx 文件以读取初始属性。
+### 更新 App.tsx 文件以读取初始属性
 
 打开 `App.tsx` 文件并添加以下代码：
 
@@ -579,7 +579,7 @@ export default App;
 
 这些更改将告诉 React Native 您的 App 组件现在接受一些属性。`RCTreactNativeFactory` 将负责在组件渲染时将它们传递给它。
 
-### 更新原生代码以将初始属性传递给 JavaScript。
+### 更新原生代码以将初始属性传递给 JavaScript
 
 <Tabs groupId="ios-language" queryString defaultValue={constants.defaultAppleLanguage} values={constants.appleLanguages}>
 <TabItem value="objc">

cnwebsite/versioned_docs/version-0.82/_fabric-native-components.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+import IOSContent from "./fabric-native-components-ios.md";
+import AndroidContent from "./fabric-native-components-android.md";
+
+export function FabricNativeComponentsIOS() {
+  return <IOSContent />;
+}
+
+export function FabricNativeComponentsAndroid() {
+  return <AndroidContent />;
+}

cnwebsite/versioned_docs/version-0.82/_getting-started-linux-android.md

@@ -0,0 +1,188 @@
+import RemoveGlobalCLI from './\_remove-global-cli.md';
+
+## 安装依赖
+
+必须安装的依赖有：Node、JDK 和 Android Studio。
+
+虽然你可以使用`任何编辑器`来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。
+
+### Node
+
+参照 Node 官方的[Linux 安装指南](https://nodejs.org/en/download/package-manager/)来安装 Node 18 以上的版本。
+
+> 注意：强烈建议始终选择 Node 当前的 LTS （长期维护）版本，一般是偶数版本，不要选择偏实验性质的奇数版本。
+
+安装完 Node 后建议设置 npm 镜像（淘宝源）以加速后面的过程（或使用科学上网工具）。
+
+> 注意：不要使用 cnpm！cnpm 安装的模块路径比较奇怪，react native 不能正常识别！
+
+```
+# 使用nrm工具切换淘宝源
+npx nrm use taobao
+
+# 如果之后需要切换回官方源可使用
+npx nrm use npm
+```
+
+### Yarn
+
+[Yarn](http://yarnpkg.com)是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。
+
+```
+npm install -g yarn
+```
+
+安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用`yarn`代替`npm install`命令，用`yarn add 某第三方库名`代替`npm install 某第三方库名`。
+
+### Watchman
+
+参照[Watchman 的安装说明](https://facebook.github.io/watchman/docs/install.html#buildinstall)来从源码来编译和安装 Watchman。
+
+> [Watchman](https://facebook.github.io/watchman/docs/install.html)是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（metro 可以快速捕捉文件的变化从而实现实时刷新）。
+
+### Java Development Kit
+
+React Native 当前需要 Java Development Kit [JDK] 17。你可以在命令行中输入
+`javac -version`（请注意是 javac，不是 java）来查看你当前安装的 JDK 版本。如果版本不合要求，则可以去[Temurin](https://adoptium.net/?variant=openjdk17&jvmVariant=hotspot)或[Oracle JDK](https://www.oracle.com/java/technologies/downloads/#java17)上下载(后者下载需注册登录)。
+
+> 低于 0.73 版本的 React Native 需要 JDK 11 版本，而低于 0.67 的需要 JDK 8 版本。
+
+### Android 开发环境
+
+如果你之前没有接触过 Android 的开发环境，那么请做好心理准备，这一过程相当繁琐。请`万分仔细`地阅读下面的说明，严格对照文档进行配置操作。
+
+> 译注：请注意！！！国内用户`必须必须必须`有稳定的代理软件，否则在下载、安装、配置过程中会不断遭遇链接超时或断开，无法进行开发工作。某些代理软件可能只提供浏览器的代理功能，或只针对特定网站代理等等，请自行研究配置或更换其他软件。总之如果报错中出现有网址，那就是因为链接源仓库的网络链接被阻断了，这一阻断现象可能因时间、地区、运营商而不同。
+
+> 也可以尝试参考这里的做法[设置阿里云的 maven 镜像源](https://github.com/scwang90/SmartRefreshLayout/issues/1376#issuecomment-938422964)，但这个做法可能随 gradle 或者 rn 版本的不同而失效。
+
+<h4 id="android-studio">1. 安装 Android Studio</h4>
+
+[首先下载和安装 Android Studio](https://developer.android.google.cn/studio/)，国内用户可能无法打开官方链接，可自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项，确保选中了以下几项：
+
+- `Android SDK`
+- `Android SDK Platform`
+- `Android Virtual Device`
+
+然后点击"Next"来安装选中的组件。
+
+> 如果选择框是灰的，你也可以先跳过，稍后再来安装这些组件。
+
+安装完成后，看到欢迎界面时，就可以进行下面的操作了。
+
+<h4 id="android-sdk">2. 安装 Android SDK</h4>
+
+Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是`Android 15 (VanillaIceCream)`版本的 SDK（注意 SDK 版本不等于对用户系统版本的要求，RN 目前最低要求的 Android 版本请点击[这里](https://github.com/facebook/react-native?tab=readme-ov-file#-requirements)查看）。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。
+
+你可以在 Android Studio 的欢迎界面中找到 SDK Manager。点击"Configure"，然后就能看到"SDK Manager"。
+
+> SDK Manager 还可以在 Android Studio 的"Preferences"菜单中找到。具体路径是**Appearance & Behavior** → **System Settings** → **Android SDK**。
+
+在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开`Android 15 (VanillaIceCream)`选项，确保勾选了下面这些组件（如果看不到这个界面，则需要使用稳定的代理软件）：
+
+- `Android SDK Platform 35`
+- `Intel x86 Atom_64 System Image`（官方模拟器镜像文件，使用非官方模拟器不需要安装此组件）
+
+然后点击"SDK Tools"选项卡，同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的`35.0.0`版本。你可以同时安装多个其他版本。
+
+最后点击"Apply"来下载和安装这些组件。
+
+<h4>3. 配置 ANDROID_HOME 环境变量</h4>
+
+React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径，从而正常进行编译。
+
+具体的做法是把下面的命令加入到 shell 的配置文件中。如果你的 shell 是 zsh，则配置文件为`~/.zshrc`，如果是 bash 则为`~/.bash_profile`（可以使用`echo $0`命令查看你所使用的 shell）：
+
+```shell
+# 如果你不是通过Android Studio安装的sdk，则其路径可能不同，请自行确定清楚。
+export ANDROID_HOME=$HOME/Library/Android/sdk
+export PATH=$PATH:$ANDROID_HOME/platform-tools
+export PATH=$PATH:$ANDROID_HOME/emulator
+```
+
+使用`source $HOME/.zshrc`命令来使环境变量设置立即生效（否则重启后才生效）。可以使用`echo $ANDROID_HOME`检查此变量是否已正确设置
+
+> 请确保你正确指定了 Android SDK 路径。你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径，具体是**Appearance & Behavior** → **System Settings** → **Android SDK**
+
+## 创建新项目
+
+<RemoveGlobalCLI />
+
+使用 React Native 内建的命令行工具来创建一个名为"AwesomeProject"的新项目。这个命令行工具不需要安装，可以直接用 node 自带的`npx`命令来使用：
+
+```shell
+npx @react-native-community/cli init AwesomeProject
+```
+
+如果你是想把 React Native 集成到现有的原生项目中，则步骤完全不同，请参考[集成到现有原生应用](integration-with-existing-apps.md)。
+
+### [可选参数] 指定版本或项目模板
+
+你可以使用`--version`参数（注意是`两`个杠）创建指定版本的项目。例如：
+
+```shell
+npx @react-native-community/cli init AwesomeProject --version X.XX.X
+```
+
+还可以使用`--template`来使用一些社区提供的模板。
+
+## 准备 Android 设备
+
+你需要准备一台 Android 设备来运行 React Native Android 应用。这里所指的设备既可以是真机，也可以是模拟器。后面我们所有的文档除非特别说明，并不区分真机或者模拟器。Android 官方提供了名为 Android Virtual Device（简称 AVD）的模拟器。此外还有很多第三方提供的模拟器如[Genymotion](https://www.genymotion.com/download)、BlueStack 等。一般来说官方模拟器免费、功能完整，但性能较差。第三方模拟器性能较好，但可能需要付费，或带有广告。
+
+### 使用 Android 真机
+
+你也可以使用 Android 真机来代替模拟器进行开发，只需用 usb 数据线连接到电脑，然后遵照[在设备上运行](running-on-device.md)这篇文档的说明操作即可。
+
+### 使用 Android 模拟器
+
+你可以使用 Android Studio 打开项目下的"android"目录，然后可以使用"AVD Manager"来查看可用的虚拟设备，它的图标看起来像下面这样：
+
+<img src="/docs/assets/GettingStartedAndroidStudioAVD.svg" alt="Android Studio AVD Manager" width="100"/>
+
+如果你刚刚才安装 Android Studio，那么可能需要先[创建一个虚拟设备](https://developer.android.com/studio/run/managing-avds.html)。点击"Create Virtual Device..."，然后选择所需的设备类型并点击"Next"，然后选择**Tiramisu** API Level 33 image.
+
+> 译注：请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议，否则可能导致无法运行。
+
+> 建议先开启[虚拟加速技术](https://developer.android.com/studio/run/emulator-acceleration.html#vm-linux)以提高模拟器性能。
+
+然后点击"Next"和"Finish"来完成虚拟设备的创建。现在你应该可以点击虚拟设备旁的绿色三角按钮来启动它了。然后我们可以尝试运行应用了。
+
+## 编译并运行 React Native 应用
+
+确保你先运行了模拟器或者连接了真机，然后在你的项目目录中运行`yarn android`或者`yarn react-native run-android`：
+
+```
+cd AwesomeProject
+yarn android
+# 或者
+yarn react-native run-android
+```
+
+此命令会对项目的原生部分进行编译，同时在另外一个命令行中启动`Metro`服务对 js 代码进行实时打包处理（类似 webpack）。`Metro`服务也可以使用`yarn start`命令单独启动。
+
+如果配置没有问题，你应该可以看到应用自动安装到设备上并开始运行。注意第一次运行时需要下载大量编译依赖，耗时可能数十分钟。此过程`严重依赖稳定的代理软件`，否则将频繁遭遇链接超时和断开，导致无法运行。
+
+`npx react-native run-android`只是运行应用的方式之一。你也可以在 Android Studio 中直接运行应用。
+
+> 译注：建议在`run-android`成功后再尝试使用 Android Studio 启动。请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议，否则可能导致无法运行。
+
+> 如果你无法正常运行，遇到奇奇怪怪的红屏错误，先回头`仔细对照文档检查`，然后可以看看[问题讨论区](https://github.com/reactnativecn/react-native-website/issues)。不同时期不同版本可能会碰到不同的问题，我们会在论坛中及时解答更新。但请注意**_千万不要_**执行 bundle 命令，那样会导致代码完全无法刷新。
+
+### 修改项目
+
+现在你已经成功运行了项目，我们可以开始尝试动手改一改了：
+
+- 使用你喜欢的文本编辑器打开`App.tsx`并随便改上几行
+- 按两下 <kbd>R</kbd> 键，或是在开发者菜单中选择 _Reload_，就可以看到你的最新修改。
+
+### 完成了！
+
+恭喜！你已经成功运行并修改了你的第一个 React Native 应用
+
+<center><img src="https://cdn.jsdelivr.net/gh/reactnativecn/react-native-website@gh-pages/docs/assets/GettingStartedCongratulations.png" width="150"></img></center>
+
+## 接下来？
+
+如果你想把 React Native 集成到现有的原生项目中，则请参考[集成到现有原生应用](integration-with-existing-apps.md)。
+
+如果你想从头开始学习 React Native 开发，可以从[简介](getting-started.md)文档开始。