From 59efc873bfcd754bcf34ef0ceb3c5c877dd9329a Mon Sep 17 00:00:00 2001 From: groot007 Date: Sun, 17 Sep 2023 17:37:26 +0200 Subject: [PATCH 01/26] change file extension to ts in turbo modules creation guide (#3850) --- docs/the-new-architecture/pillars-turbomodule.md | 2 +- .../version-0.71/the-new-architecture/pillars-turbomodule.md | 2 +- .../version-0.72/the-new-architecture/pillars-turbomodule.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/the-new-architecture/pillars-turbomodule.md b/docs/the-new-architecture/pillars-turbomodule.md index 7b126ceef66..d9bb6144d2d 100644 --- a/docs/the-new-architecture/pillars-turbomodule.md +++ b/docs/the-new-architecture/pillars-turbomodule.md @@ -759,7 +759,7 @@ TurboModulesGuide │ ├── RTNCalculator.h │ └── RTNCalculator.mm ├── js - │ └── NativeCalculator.js + │ └── NativeCalculator.ts ├── package.json └── rtn-calculator.podspec ``` diff --git a/website/versioned_docs/version-0.71/the-new-architecture/pillars-turbomodule.md b/website/versioned_docs/version-0.71/the-new-architecture/pillars-turbomodule.md index 46fd0b573e7..2ae5595a7d1 100644 --- a/website/versioned_docs/version-0.71/the-new-architecture/pillars-turbomodule.md +++ b/website/versioned_docs/version-0.71/the-new-architecture/pillars-turbomodule.md @@ -759,7 +759,7 @@ TurboModulesGuide │ ├── RTNCalculator.h │ └── RTNCalculator.mm ├── js - │ └── NativeCalculator.js + │ └── NativeCalculator.ts ├── package.json └── rtn-calculator.podspec ``` diff --git a/website/versioned_docs/version-0.72/the-new-architecture/pillars-turbomodule.md b/website/versioned_docs/version-0.72/the-new-architecture/pillars-turbomodule.md index 70847981297..1aac62fed1b 100644 --- a/website/versioned_docs/version-0.72/the-new-architecture/pillars-turbomodule.md +++ b/website/versioned_docs/version-0.72/the-new-architecture/pillars-turbomodule.md @@ -759,7 +759,7 @@ TurboModulesGuide │ ├── RTNCalculator.h │ └── RTNCalculator.mm ├── js - │ └── NativeCalculator.js + │ └── NativeCalculator.ts ├── package.json └── rtn-calculator.podspec ``` From ba5969858f83b34bde24e058d347099ab7d024b0 Mon Sep 17 00:00:00 2001 From: Randall71 <51382079+Randall71@users.noreply.github.com> Date: Fri, 22 Sep 2023 07:55:55 +0000 Subject: [PATCH 02/26] Fix link to standalone react-devtools (#3854) --- website/versioned_docs/version-0.72/debugging.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/versioned_docs/version-0.72/debugging.md b/website/versioned_docs/version-0.72/debugging.md index 609bcc41581..2c857cd7fff 100644 --- a/website/versioned_docs/version-0.72/debugging.md +++ b/website/versioned_docs/version-0.72/debugging.md @@ -66,7 +66,7 @@ From here, select `More Tools → Developer Tools` from the Chrome menu to open - You may want to enable [Pause on Caught Exceptions](https://developer.chrome.com/docs/devtools/javascript/breakpoints/#exceptions) for a better debugging experience. :::info -The React Developer Tools Chrome extension does not work with React Native, but you can use its standalone version instead. Read [this section](debugging.md#react-developer-tools) to learn how. +The React Developer Tools Chrome extension does not work with React Native, but you can use its standalone version instead. Read [this section](react-devtools) to learn how. ::: :::note From 4d8a2e50b9a26e7342c397e926c1b533e520f618 Mon Sep 17 00:00:00 2001 From: Elias Papavasileiou Date: Sat, 23 Sep 2023 00:28:02 +0300 Subject: [PATCH 03/26] fix(getting started): update Android SDK path in Android Studio (#3856) --- docs/_getting-started-linux-android.md | 4 ++-- docs/_getting-started-macos-android.md | 4 ++-- docs/_getting-started-windows-android.md | 4 ++-- .../version-0.70/_getting-started-linux-android.md | 4 ++-- .../version-0.70/_getting-started-macos-android.md | 4 ++-- .../version-0.70/_getting-started-windows-android.md | 4 ++-- .../version-0.71/_getting-started-linux-android.md | 4 ++-- .../version-0.71/_getting-started-macos-android.md | 4 ++-- .../version-0.71/_getting-started-windows-android.md | 4 ++-- .../version-0.72/_getting-started-linux-android.md | 4 ++-- .../version-0.72/_getting-started-macos-android.md | 4 ++-- .../version-0.72/_getting-started-windows-android.md | 4 ++-- 12 files changed, 24 insertions(+), 24 deletions(-) diff --git a/docs/_getting-started-linux-android.md b/docs/_getting-started-linux-android.md index 42041d1dc5b..413f3948bde 100644 --- a/docs/_getting-started-linux-android.md +++ b/docs/_getting-started-linux-android.md @@ -39,7 +39,7 @@ Android Studio installs the latest Android SDK by default. Building a React Nati To do that, open Android Studio, click on "Configure" button and select "SDK Manager". -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -66,7 +66,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

Watchman

diff --git a/docs/_getting-started-macos-android.md b/docs/_getting-started-macos-android.md index c8ca872ff80..95656042d43 100644 --- a/docs/_getting-started-macos-android.md +++ b/docs/_getting-started-macos-android.md @@ -64,7 +64,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -89,7 +89,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Run `source ~/.zprofile` (or `source ~/.bash_profile` for `bash`) to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

React Native Command Line Interface

diff --git a/docs/_getting-started-windows-android.md b/docs/_getting-started-windows-android.md index 9c36f02f0f7..f1ca008f337 100644 --- a/docs/_getting-started-windows-android.md +++ b/docs/_getting-started-windows-android.md @@ -54,7 +54,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -82,7 +82,7 @@ The SDK is installed, by default, at the following location: %LOCALAPPDATA%\Android\Sdk ``` -You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Open a new Command Prompt window to ensure the new environment variable is loaded before proceeding to the next step. diff --git a/website/versioned_docs/version-0.70/_getting-started-linux-android.md b/website/versioned_docs/version-0.70/_getting-started-linux-android.md index 94d0bd79055..949bd6c6f6a 100644 --- a/website/versioned_docs/version-0.70/_getting-started-linux-android.md +++ b/website/versioned_docs/version-0.70/_getting-started-linux-android.md @@ -38,7 +38,7 @@ Android Studio installs the latest Android SDK by default. Building a React Nati To do that, open Android Studio, click on "Configure" button and select "SDK Manager". -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 12 (S)` entry, then make sure the following items are checked: @@ -65,7 +65,7 @@ export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_SDK_ROOT has been set by running `echo $ANDROID_SDK_ROOT` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

Watchman

diff --git a/website/versioned_docs/version-0.70/_getting-started-macos-android.md b/website/versioned_docs/version-0.70/_getting-started-macos-android.md index 11ef5bdea6f..f2475a5a759 100644 --- a/website/versioned_docs/version-0.70/_getting-started-macos-android.md +++ b/website/versioned_docs/version-0.70/_getting-started-macos-android.md @@ -63,7 +63,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 12 (S)` entry, then make sure the following items are checked: @@ -90,7 +90,7 @@ export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_SDK_ROOT has been set by running `echo $ANDROID_SDK_ROOT` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

React Native Command Line Interface

diff --git a/website/versioned_docs/version-0.70/_getting-started-windows-android.md b/website/versioned_docs/version-0.70/_getting-started-windows-android.md index 89c1eb9e688..372d3fd249f 100644 --- a/website/versioned_docs/version-0.70/_getting-started-windows-android.md +++ b/website/versioned_docs/version-0.70/_getting-started-windows-android.md @@ -53,7 +53,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 12 (S)` entry, then make sure the following items are checked: @@ -81,7 +81,7 @@ The SDK is installed, by default, at the following location: %LOCALAPPDATA%\Android\Sdk ``` -You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Open a new Command Prompt window to ensure the new environment variable is loaded before proceeding to the next step. diff --git a/website/versioned_docs/version-0.71/_getting-started-linux-android.md b/website/versioned_docs/version-0.71/_getting-started-linux-android.md index 968bfd8c004..69dd55b6fca 100644 --- a/website/versioned_docs/version-0.71/_getting-started-linux-android.md +++ b/website/versioned_docs/version-0.71/_getting-started-linux-android.md @@ -38,7 +38,7 @@ Android Studio installs the latest Android SDK by default. Building a React Nati To do that, open Android Studio, click on "Configure" button and select "SDK Manager". -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -65,7 +65,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

Watchman

diff --git a/website/versioned_docs/version-0.71/_getting-started-macos-android.md b/website/versioned_docs/version-0.71/_getting-started-macos-android.md index 8d2726960fa..7fd3cc55df3 100644 --- a/website/versioned_docs/version-0.71/_getting-started-macos-android.md +++ b/website/versioned_docs/version-0.71/_getting-started-macos-android.md @@ -63,7 +63,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -88,7 +88,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Run `source ~/.zprofile` (or `source ~/.bash_profile` for `bash`) to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

React Native Command Line Interface

diff --git a/website/versioned_docs/version-0.71/_getting-started-windows-android.md b/website/versioned_docs/version-0.71/_getting-started-windows-android.md index dc76e8cc853..7b03649f336 100644 --- a/website/versioned_docs/version-0.71/_getting-started-windows-android.md +++ b/website/versioned_docs/version-0.71/_getting-started-windows-android.md @@ -53,7 +53,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -81,7 +81,7 @@ The SDK is installed, by default, at the following location: %LOCALAPPDATA%\Android\Sdk ``` -You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Open a new Command Prompt window to ensure the new environment variable is loaded before proceeding to the next step. diff --git a/website/versioned_docs/version-0.72/_getting-started-linux-android.md b/website/versioned_docs/version-0.72/_getting-started-linux-android.md index e4acdb68896..49979dbb8dc 100644 --- a/website/versioned_docs/version-0.72/_getting-started-linux-android.md +++ b/website/versioned_docs/version-0.72/_getting-started-linux-android.md @@ -39,7 +39,7 @@ Android Studio installs the latest Android SDK by default. Building a React Nati To do that, open Android Studio, click on "Configure" button and select "SDK Manager". -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -66,7 +66,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Type `source $HOME/.bash_profile` for `bash` or `source $HOME/.zprofile` to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

Watchman

diff --git a/website/versioned_docs/version-0.72/_getting-started-macos-android.md b/website/versioned_docs/version-0.72/_getting-started-macos-android.md index 63c4745095f..6947d173070 100644 --- a/website/versioned_docs/version-0.72/_getting-started-macos-android.md +++ b/website/versioned_docs/version-0.72/_getting-started-macos-android.md @@ -64,7 +64,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeMacOS.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -89,7 +89,7 @@ export PATH=$PATH:$ANDROID_HOME/platform-tools Run `source ~/.zprofile` (or `source ~/.bash_profile` for `bash`) to load the config into your current shell. Verify that ANDROID_HOME has been set by running `echo $ANDROID_HOME` and the appropriate directories have been added to your path by running `echo $PATH`. -> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> Please make sure you use the correct Android SDK path. You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**.

React Native Command Line Interface

diff --git a/website/versioned_docs/version-0.72/_getting-started-windows-android.md b/website/versioned_docs/version-0.72/_getting-started-windows-android.md index efb304be7f1..527c9ac42a1 100644 --- a/website/versioned_docs/version-0.72/_getting-started-windows-android.md +++ b/website/versioned_docs/version-0.72/_getting-started-windows-android.md @@ -54,7 +54,7 @@ To do that, open Android Studio, click on "More Actions" button and select "SDK ![Android Studio Welcome](/docs/assets/GettingStartedAndroidStudioWelcomeWindows.png) -> The SDK Manager can also be found within the Android Studio "Preferences" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +> The SDK Manager can also be found within the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Select the "SDK Platforms" tab from within the SDK Manager, then check the box next to "Show Package Details" in the bottom right corner. Look for and expand the `Android 13 (Tiramisu)` entry, then make sure the following items are checked: @@ -82,7 +82,7 @@ The SDK is installed, by default, at the following location: %LOCALAPPDATA%\Android\Sdk ``` -You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Appearance & Behavior** → **System Settings** → **Android SDK**. +You can find the actual location of the SDK in the Android Studio "Settings" dialog, under **Languages & Frameworks** → **Android SDK**. Open a new Command Prompt window to ensure the new environment variable is loaded before proceeding to the next step. From 111be974da1f5f925a177bcbe428d94e1750b664 Mon Sep 17 00:00:00 2001 From: Gabriel Donadel Dall'Agnol Date: Fri, 22 Sep 2023 18:28:29 -0300 Subject: [PATCH 04/26] Delist unmaintained Out-of-Tree Platforms (#3855) --- docs/out-of-tree-platforms.md | 2 -- website/versioned_docs/version-0.71/out-of-tree-platforms.md | 2 -- website/versioned_docs/version-0.72/out-of-tree-platforms.md | 2 -- 3 files changed, 6 deletions(-) diff --git a/docs/out-of-tree-platforms.md b/docs/out-of-tree-platforms.md index 8b1ef41df17..cf5aca2c0ae 100644 --- a/docs/out-of-tree-platforms.md +++ b/docs/out-of-tree-platforms.md @@ -12,10 +12,8 @@ React Native is not only for Android and iOS devices - our partners and the comm **From Community** -- [alita](https://github.com/areslabs/alita) - An experimental, comprehensive port of React Native to mini-program (微信小程序). - [React Native tvOS](https://github.com/react-native-tvos/react-native-tvos) - React Native for Apple TV and Android TV devices. - [React Native Web](https://github.com/necolas/react-native-web) - React Native on the web using React DOM. -- [Valence Native](https://github.com/valence-native/valence-native) - A wrapper for React Native, using Qt to target Linux, macOS, and Windows. Forked from [Proton Native](https://github.com/kusti8/proton-native) which is no longer maintained. - [React Native Skia](https://github.com/react-native-skia/react-native-skia) - React Native using [Skia](https://skia.org/) as a renderer. Currently supports Linux and macOS. ## Creating your own React Native platform diff --git a/website/versioned_docs/version-0.71/out-of-tree-platforms.md b/website/versioned_docs/version-0.71/out-of-tree-platforms.md index e1aeee7d6ae..c6ea6cba3f0 100644 --- a/website/versioned_docs/version-0.71/out-of-tree-platforms.md +++ b/website/versioned_docs/version-0.71/out-of-tree-platforms.md @@ -12,10 +12,8 @@ React Native is not only for Android and iOS devices - our partners and the comm **From Community** -- [alita](https://github.com/areslabs/alita) - An experimental, comprehensive port of React Native to mini-program (微信小程序). - [React Native tvOS](https://github.com/react-native-tvos/react-native-tvos) - React Native for Apple TV and Android TV devices. - [React Native Web](https://github.com/necolas/react-native-web) - React Native on the web using React DOM. -- [Valence Native](https://github.com/valence-native/valence-native) - A wrapper for React Native, using Qt to target Linux, macOS, and Windows. Forked from [Proton Native](https://github.com/kusti8/proton-native) which is no longer maintained. ## Creating your own React Native platform diff --git a/website/versioned_docs/version-0.72/out-of-tree-platforms.md b/website/versioned_docs/version-0.72/out-of-tree-platforms.md index 8b1ef41df17..cf5aca2c0ae 100644 --- a/website/versioned_docs/version-0.72/out-of-tree-platforms.md +++ b/website/versioned_docs/version-0.72/out-of-tree-platforms.md @@ -12,10 +12,8 @@ React Native is not only for Android and iOS devices - our partners and the comm **From Community** -- [alita](https://github.com/areslabs/alita) - An experimental, comprehensive port of React Native to mini-program (微信小程序). - [React Native tvOS](https://github.com/react-native-tvos/react-native-tvos) - React Native for Apple TV and Android TV devices. - [React Native Web](https://github.com/necolas/react-native-web) - React Native on the web using React DOM. -- [Valence Native](https://github.com/valence-native/valence-native) - A wrapper for React Native, using Qt to target Linux, macOS, and Windows. Forked from [Proton Native](https://github.com/kusti8/proton-native) which is no longer maintained. - [React Native Skia](https://github.com/react-native-skia/react-native-skia) - React Native using [Skia](https://skia.org/) as a renderer. Currently supports Linux and macOS. ## Creating your own React Native platform From 4727e4877594113093df88f6e288caa00c615e5c Mon Sep 17 00:00:00 2001 From: gyanendrasinghpanwar <33712075+gyanendrasinghpanwar@users.noreply.github.com> Date: Mon, 25 Sep 2023 18:47:03 +0530 Subject: [PATCH 05/26] Added description to add simulator in Xcode version 14.0 or greater (#3671) * Update _getting-started-macos-ios.md Added Xcode new version update to add simulator * Update docs/_getting-started-macos-ios.md Co-authored-by: Bartosz Kaszubowski * remove whitespace * Added changes in version docs --------- Co-authored-by: Bartosz Kaszubowski --- docs/_getting-started-macos-ios.md | 2 ++ .../versioned_docs/version-0.71/_getting-started-macos-ios.md | 2 ++ 2 files changed, 4 insertions(+) diff --git a/docs/_getting-started-macos-ios.md b/docs/_getting-started-macos-ios.md index 6f374a670b3..98b5e5b0d43 100644 --- a/docs/_getting-started-macos-ios.md +++ b/docs/_getting-started-macos-ios.md @@ -36,6 +36,8 @@ You will also need to install the Xcode Command Line Tools. Open Xcode, then cho To install a simulator, open **Xcode > Settings... (or Preferences...)** and select the **Platforms (or Components)** tab. Select a simulator with the corresponding version of iOS you wish to use. +If you are using Xcode version 14.0 or greater than to install a simulator, open **Xcode > Settings > Platforms** tab, then click "+" icon and select **iOS…** option. + #### CocoaPods [CocoaPods](https://cocoapods.org/) is one of the dependency management system available for iOS. CocoaPods is a Ruby [gem](https://en.wikipedia.org/wiki/RubyGems). You can install CocoaPods using the version of Ruby that ships with the latest version of macOS. diff --git a/website/versioned_docs/version-0.71/_getting-started-macos-ios.md b/website/versioned_docs/version-0.71/_getting-started-macos-ios.md index 2bd36a2399e..19554dcb664 100644 --- a/website/versioned_docs/version-0.71/_getting-started-macos-ios.md +++ b/website/versioned_docs/version-0.71/_getting-started-macos-ios.md @@ -64,6 +64,8 @@ You will also need to install the Xcode Command Line Tools. Open Xcode, then cho To install a simulator, open Xcode > Preferences... and select the Components tab. Select a simulator with the corresponding version of iOS you wish to use. +If you are using Xcode version 14.0 or greater than to install a simulator, open **Xcode > Settings > Platforms** tab, then click "+" icon and select **iOS…** option. + #### CocoaPods [CocoaPods](https://cocoapods.org/) is one of the dependency management system available for iOS. It is built with Ruby and you can install it using the version of Ruby you configured with in the previous steps. From c5e9bab796ef0546c20d4d394325fea1f8ec90de Mon Sep 17 00:00:00 2001 From: Alex Hunt Date: Tue, 26 Sep 2023 14:04:03 -0400 Subject: [PATCH 06/26] Update debugger types in release test cases (#3858) --- website/contributing/release-testing.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/website/contributing/release-testing.md b/website/contributing/release-testing.md index 881223d3132..f934d29e3fd 100644 --- a/website/contributing/release-testing.md +++ b/website/contributing/release-testing.md @@ -143,16 +143,16 @@ To help provide the relevant information, we have prepared this template they ca | Debug/dev build on Simulator | ✅/🚨/🙅‍♂️ | | Debug/dev build on Device | ✅/🚨/🙅‍♂️ | | Production build | ✅/🚨/🙅‍♂️ | -| Chrome remote debugger | ✅/🚨/🙅‍♂️ | -| Hermes debugger | ✅/🚨/🙅‍♂️ | -| Flipper debugger | ✅/🚨/🙅‍♂️ | +| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | +| Chrome remote debugger (deprecated) | ✅/🚨/🙅‍♂️ | +| Flipper debugger (deprecated) | ✅/🚨/🙅‍♂️ | | Deploy to TestFlight | ✅/🚨/🙅‍♂️ | | **Tested - Android** | | | Fast Refresh | ✅/🚨/🙅‍♂️ | | Debug/dev build on Emulator | ✅/🚨/🙅‍♂️ | | Debug/dev build on Device | ✅/🚨/🙅‍♂️ | | Production build | ✅/🚨/🙅‍♂️ | -| Chrome remote debugger | ✅/🚨/🙅‍♂️ | -| Hermes debugger | ✅/🚨/🙅‍♂️ | -| Flipper debugger | ✅/🚨/🙅‍♂️ | +| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | +| Chrome remote debugger (deprecated) | ✅/🚨/🙅‍♂️ | +| Flipper debugger (deprecated) | ✅/🚨/🙅‍♂️ | ``` From ff4233d09338ae63d77dedcacf3a9b8b4c1941a9 Mon Sep 17 00:00:00 2001 From: Alex Hunt Date: Tue, 26 Sep 2023 18:01:18 -0400 Subject: [PATCH 07/26] Fix formatting (followup to #3858) (#3859) --- website/contributing/release-testing.md | 47 ++++++++++++------------- 1 file changed, 23 insertions(+), 24 deletions(-) diff --git a/website/contributing/release-testing.md b/website/contributing/release-testing.md index f934d29e3fd..d9db77723b4 100644 --- a/website/contributing/release-testing.md +++ b/website/contributing/release-testing.md @@ -131,28 +131,27 @@ During the Release Candidate (RC) phase of a release cycle, we ask for the commu To help provide the relevant information, we have prepared this template they can use as blueprint for what is important to test - they can copy/pasted it in a comment and fill it accordingly. ```markdown -| Link to branch: | | -| ---------------------------- | :---------------------- | -| **Project info** | | -| Name | | -| Starting RN version | | -| Hermes on iOS | yes/no | -| Hermes on Android | yes/no | -| **Tested - iOS** | | -| Fast Refresh | ✅/🚨/🙅‍♂️ | -| Debug/dev build on Simulator | ✅/🚨/🙅‍♂️ | -| Debug/dev build on Device | ✅/🚨/🙅‍♂️ | -| Production build | ✅/🚨/🙅‍♂️ | -| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | -| Chrome remote debugger (deprecated) | ✅/🚨/🙅‍♂️ | -| Flipper debugger (deprecated) | ✅/🚨/🙅‍♂️ | -| Deploy to TestFlight | ✅/🚨/🙅‍♂️ | -| **Tested - Android** | | -| Fast Refresh | ✅/🚨/🙅‍♂️ | -| Debug/dev build on Emulator | ✅/🚨/🙅‍♂️ | -| Debug/dev build on Device | ✅/🚨/🙅‍♂️ | -| Production build | ✅/🚨/🙅‍♂️ | -| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | -| Chrome remote debugger (deprecated) | ✅/🚨/🙅‍♂️ | -| Flipper debugger (deprecated) | ✅/🚨/🙅‍♂️ | +| Link to branch: | | +| ----------------------------------- | :---------------------- | +| **Project info** | | +| Name | | +| Starting RN version | | +| Hermes on iOS | yes/no | +| Hermes on Android | yes/no | +| **Tested - iOS** | | +| Fast Refresh | ✅/🚨/🙅‍♂️ | +| Debug/dev build on Simulator | ✅/🚨/🙅‍♂️ | +| Debug/dev build on Device | ✅/🚨/🙅‍♂️ | +| Production build | ✅/🚨/🙅‍♂️ | +| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | +| Deploy to TestFlight | ✅/🚨/🙅‍♂️ | +| **Tested - Android** | | +| Fast Refresh | ✅/🚨/🙅‍♂️ | +| Debug/dev build on Emulator | ✅/🚨/🙅‍♂️ | +| Debug/dev build on Device | ✅/🚨/🙅‍♂️ | +| Production build | ✅/🚨/🙅‍♂️ | +| Debugger (Hermes) | ✅/🚨/🙅‍♂️ | +| **Optional - Deprecated in 0.73** | | +| Chrome remote debugger (Android/iOS) | ✅/🚨/🙅‍♂️ | +| Flipper debugger (Android/iOS) | ✅/🚨/🙅‍♂️ | ``` From 12a04bc3e28c76571452e00e727fb0b85a5b17c6 Mon Sep 17 00:00:00 2001 From: Bartosz Kaszubowski Date: Sun, 1 Oct 2023 13:54:14 +0200 Subject: [PATCH 08/26] adjust SnackPlayer height and presentation (#3864) --- plugins/remark-snackplayer/package.json | 4 +- plugins/remark-snackplayer/src/index.js | 5 +- plugins/remark-snackplayer/tests/index.js | 2 +- .../tests/output/output1.html | 1 + .../tests/output/output2.html | 2 + website/modules/snackPlayerInitializer.js | 11 +- website/src/css/customTheme.scss | 2 +- yarn.lock | 171 ++++++++++++++++-- 8 files changed, 168 insertions(+), 30 deletions(-) diff --git a/plugins/remark-snackplayer/package.json b/plugins/remark-snackplayer/package.json index e948a5e47ce..a2d50cb0690 100644 --- a/plugins/remark-snackplayer/package.json +++ b/plugins/remark-snackplayer/package.json @@ -24,7 +24,7 @@ "unist-util-visit-parents": "^3.1.1" }, "devDependencies": { - "remark": "^12.0.1", - "tape": "^5.0.1" + "remark": "^14.0.3", + "tape": "^5.7.0" } } diff --git a/plugins/remark-snackplayer/src/index.js b/plugins/remark-snackplayer/src/index.js index 70b25d7f2d3..3ed910b1d52 100644 --- a/plugins/remark-snackplayer/src/index.js +++ b/plugins/remark-snackplayer/src/index.js @@ -52,8 +52,6 @@ async function toJsxNode(node) { const theme = params.theme || 'light'; const preview = params.preview || 'true'; const loading = params.loading || 'lazy'; - const deviceAndroid = params.deviceAndroid || 'pixel4'; - const deviceIos = params.deviceIos || 'iphone12'; // Need help constructing this AST node? // Use the MDX Playground and explore what your output mdast should look like @@ -72,8 +70,7 @@ async function toJsxNode(node) { attr('data-snack-theme', theme), attr('data-snack-preview', preview), attr('data-snack-loading', loading), - attr('data-snack-device-android', deviceAndroid), - attr('data-snack-device-ios', deviceIos), + attr('data-snack-device-frame', 'false'), ], children: [], }; diff --git a/plugins/remark-snackplayer/tests/index.js b/plugins/remark-snackplayer/tests/index.js index 57626fa18a6..fd874e4c849 100644 --- a/plugins/remark-snackplayer/tests/index.js +++ b/plugins/remark-snackplayer/tests/index.js @@ -8,13 +8,13 @@ const path = require('path'); const fs = require('fs'); const test = require('tape'); -const remark = require('remark'); const snackplayer = require('../'); const read = name => fs.readFileSync(path.join(__dirname, name), 'utf8'); const normalizeLineEndings = str => str.replace(/\r\n/g, '\n'); test('remark-snackplayer', async t => { + const {remark} = await import('remark'); const processor = remark().use(snackplayer); processor.process(read('markdown/test1.md'), (err, file) => { diff --git a/plugins/remark-snackplayer/tests/output/output1.html b/plugins/remark-snackplayer/tests/output/output1.html index 3ad544343c1..0b1c9d2b2ed 100644 --- a/plugins/remark-snackplayer/tests/output/output1.html +++ b/plugins/remark-snackplayer/tests/output/output1.html @@ -9,4 +9,5 @@ data-snack-theme="light" data-snack-preview="true" data-snack-loading="lazy" + data-snack-device-frame="false" > diff --git a/plugins/remark-snackplayer/tests/output/output2.html b/plugins/remark-snackplayer/tests/output/output2.html index d5c7b39c380..ba715f1a402 100644 --- a/plugins/remark-snackplayer/tests/output/output2.html +++ b/plugins/remark-snackplayer/tests/output/output2.html @@ -9,6 +9,7 @@ data-snack-theme="light" data-snack-preview="true" data-snack-loading="lazy" + data-snack-device-frame="false" >
diff --git a/website/modules/snackPlayerInitializer.js b/website/modules/snackPlayerInitializer.js index 3e623d59ec2..65469b7d97e 100644 --- a/website/modules/snackPlayerInitializer.js +++ b/website/modules/snackPlayerInitializer.js @@ -20,18 +20,15 @@ export default (() => { }; const initSnackPlayers = () => { - // console.log('initSnackPlayers'); updateSnacksTheme(); window.ExpoSnack && window.ExpoSnack.initialize(); }; const setupTabPanelsMutationObservers = () => { const tabPanels = document.querySelectorAll('[role=tabpanel]'); - // console.log('setupTabPanelsMutationObservers', {tabPanels}); tabPanels.forEach(tabPanel => { - new MutationObserver((mutations, observer) => { + new MutationObserver(() => { initSnackPlayers(); - // console.log('tabPanel MutationObserver triggered', {tabPanels}); }).observe(tabPanel, {childList: true}); }); }; @@ -52,7 +49,7 @@ export default (() => { // Hacky, but no better solution for now // see https://github.com/expo/snack/blob/main/website/src/client/components/EmbedCode.tsx#L61 const setupThemeSynchronization = () => { - new MutationObserver((mutations, observer) => { + new MutationObserver(() => { if ('ExpoSnack' in window) { document.querySelectorAll('.snack-player').forEach(container => { updateSnacksTheme(); @@ -73,9 +70,7 @@ export default (() => { setupThemeSynchronization(); return { - onRouteDidUpdate({location}) { - // console.log('onRouteDidUpdate', {location}); - + onRouteDidUpdate() { initSnackPlayers(); setupTabPanelsMutationObservers(); }, diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss index 0286bcaccb6..fe4cab9f0eb 100644 --- a/website/src/css/customTheme.scss +++ b/website/src/css/customTheme.scss @@ -1714,7 +1714,7 @@ html[data-theme="dark"] .docsRating { /* Snack Player */ .snack-player { - height: 544px; + height: 635px; width: 100%; overflow: hidden; margin-bottom: 24px; diff --git a/yarn.lock b/yarn.lock index adb81e13864..ac534be0ec5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3955,14 +3955,14 @@ array-union@^2.1.0: resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d" integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw== -array.prototype.every@^1.1.4: - version "1.1.4" - resolved "https://registry.yarnpkg.com/array.prototype.every/-/array.prototype.every-1.1.4.tgz#2762daecd9cec87cb63f3ca6be576817074a684e" - integrity sha512-Aui35iRZk1HHLRAyF7QP0KAnOnduaQ6fo6k1NVWfRc0xTs2AZ70ytlXvOmkC6Di4JmUs2Wv3DYzGtCQFSk5uGg== +array.prototype.every@^1.1.5: + version "1.1.5" + resolved "https://registry.yarnpkg.com/array.prototype.every/-/array.prototype.every-1.1.5.tgz#f8ca86a1a82a91eb5173187ef68935dc47215922" + integrity sha512-FfMQJ+/joFGXpRCltbzV3znaP5QxIhLFySo0fEPn3GuoYlud9LhknMCIxdYKC2qsM/6VHoSp6YGwe3EZXrEcwQ== dependencies: call-bind "^1.0.2" - define-properties "^1.1.4" - es-abstract "^1.20.4" + define-properties "^1.2.0" + es-abstract "^1.22.1" is-string "^1.0.7" array.prototype.flat@^1.3.1: @@ -4008,6 +4008,19 @@ arraybuffer.prototype.slice@^1.0.1: is-array-buffer "^3.0.2" is-shared-array-buffer "^1.0.2" +arraybuffer.prototype.slice@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz#98bd561953e3e74bb34938e77647179dfe6e9f12" + integrity sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw== + dependencies: + array-buffer-byte-length "^1.0.0" + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + get-intrinsic "^1.2.1" + is-array-buffer "^3.0.2" + is-shared-array-buffer "^1.0.2" + arrify@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" @@ -5432,6 +5445,15 @@ defer-to-connect@^2.0.1: resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587" integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg== +define-data-property@^1.0.1: + version "1.1.0" + resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.0.tgz#0db13540704e1d8d479a0656cf781267531b9451" + integrity sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g== + dependencies: + get-intrinsic "^1.2.1" + gopd "^1.0.1" + has-property-descriptors "^1.0.0" + define-lazy-prop@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f" @@ -5829,6 +5851,51 @@ es-abstract@^1.19.0, es-abstract@^1.20.4: unbox-primitive "^1.0.2" which-typed-array "^1.1.10" +es-abstract@^1.22.1: + version "1.22.2" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.2.tgz#90f7282d91d0ad577f505e423e52d4c1d93c1b8a" + integrity sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA== + dependencies: + array-buffer-byte-length "^1.0.0" + arraybuffer.prototype.slice "^1.0.2" + available-typed-arrays "^1.0.5" + call-bind "^1.0.2" + es-set-tostringtag "^2.0.1" + es-to-primitive "^1.2.1" + function.prototype.name "^1.1.6" + get-intrinsic "^1.2.1" + get-symbol-description "^1.0.0" + globalthis "^1.0.3" + gopd "^1.0.1" + has "^1.0.3" + has-property-descriptors "^1.0.0" + has-proto "^1.0.1" + has-symbols "^1.0.3" + internal-slot "^1.0.5" + is-array-buffer "^3.0.2" + is-callable "^1.2.7" + is-negative-zero "^2.0.2" + is-regex "^1.1.4" + is-shared-array-buffer "^1.0.2" + is-string "^1.0.7" + is-typed-array "^1.1.12" + is-weakref "^1.0.2" + object-inspect "^1.12.3" + object-keys "^1.1.1" + object.assign "^4.1.4" + regexp.prototype.flags "^1.5.1" + safe-array-concat "^1.0.1" + safe-regex-test "^1.0.0" + string.prototype.trim "^1.2.8" + string.prototype.trimend "^1.0.7" + string.prototype.trimstart "^1.0.7" + typed-array-buffer "^1.0.0" + typed-array-byte-length "^1.0.0" + typed-array-byte-offset "^1.0.0" + typed-array-length "^1.0.4" + unbox-primitive "^1.0.2" + which-typed-array "^1.1.11" + es-get-iterator@^1.1.3: version "1.1.3" resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.3.tgz#3ef87523c5d464d41084b2c3c9c214f1199763d6" @@ -6786,6 +6853,16 @@ function.prototype.name@^1.1.5: es-abstract "^1.19.0" functions-have-names "^1.2.2" +function.prototype.name@^1.1.6: + version "1.1.6" + resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd" + integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg== + dependencies: + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + functions-have-names "^1.2.3" + functions-have-names@^1.2.2, functions-have-names@^1.2.3: version "1.2.3" resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834" @@ -8072,7 +8149,7 @@ is-symbol@^1.0.2, is-symbol@^1.0.3: dependencies: has-symbols "^1.0.2" -is-typed-array@^1.1.10, is-typed-array@^1.1.9: +is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.9: version "1.1.12" resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.12.tgz#d0bab5686ef4a76f7a73097b95470ab199c57d4a" integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg== @@ -10317,6 +10394,16 @@ mkdirp@^0.5.1: dependencies: minimist "^1.2.6" +mock-property@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/mock-property/-/mock-property-1.0.0.tgz#301518a59fb545312a407c8d1a861aba0357b4a6" + integrity sha512-imC60k5A55GPUU43PqczbubOyyxCudIgneACKzL3PKfsBk08dc1HgNNU8siQbEIAPPjVUhc+gb0v0ypZ/iP9pw== + dependencies: + functions-have-names "^1.2.2" + has "^1.0.3" + has-property-descriptors "^1.0.0" + isarray "^2.0.5" + mri@^1.1.0, mri@^1.1.5: version "1.2.0" resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b" @@ -12112,6 +12199,15 @@ regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0: define-properties "^1.2.0" functions-have-names "^1.2.3" +regexp.prototype.flags@^1.5.1: + version "1.5.1" + resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e" + integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg== + dependencies: + call-bind "^1.0.2" + define-properties "^1.2.0" + set-function-name "^2.0.0" + regexpu-core@^5.3.1: version "5.3.2" resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b" @@ -12366,7 +12462,7 @@ remark@^12.0.1: remark-stringify "^8.0.0" unified "^9.0.0" -remark@^14.0.0: +remark@^14.0.0, remark@^14.0.3: version "14.0.3" resolved "https://registry.yarnpkg.com/remark/-/remark-14.0.3.tgz#e477886a7579df612908f387c7753dc93cdaa3fc" integrity sha512-bfmJW1dmR2LvaMJuAnE88pZP9DktIFYXazkTfOIKZzi3Knk9lT0roItIA24ydOucI3bV/g/tXBA6hzqq3FV9Ew== @@ -12621,6 +12717,16 @@ safe-array-concat@^1.0.0: has-symbols "^1.0.3" isarray "^2.0.5" +safe-array-concat@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c" + integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q== + dependencies: + call-bind "^1.0.2" + get-intrinsic "^1.2.1" + has-symbols "^1.0.3" + isarray "^2.0.5" + safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.2" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d" @@ -12846,6 +12952,15 @@ set-blocking@^2.0.0: resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw== +set-function-name@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a" + integrity sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA== + dependencies: + define-data-property "^1.0.1" + functions-have-names "^1.2.3" + has-property-descriptors "^1.0.0" + setimmediate@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285" @@ -13238,6 +13353,15 @@ string.prototype.trim@^1.2.7: define-properties "^1.1.4" es-abstract "^1.20.4" +string.prototype.trim@^1.2.8: + version "1.2.8" + resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd" + integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ== + dependencies: + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + string.prototype.trimend@^1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533" @@ -13247,6 +13371,15 @@ string.prototype.trimend@^1.0.6: define-properties "^1.1.4" es-abstract "^1.20.4" +string.prototype.trimend@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e" + integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA== + dependencies: + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + string.prototype.trimstart@^1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4" @@ -13256,6 +13389,15 @@ string.prototype.trimstart@^1.0.6: define-properties "^1.1.4" es-abstract "^1.20.4" +string.prototype.trimstart@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298" + integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg== + dependencies: + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + string_decoder@^1.1.1: version "1.3.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e" @@ -13458,14 +13600,14 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0: resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0" integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ== -tape@^5.0.1: - version "5.6.6" - resolved "https://registry.yarnpkg.com/tape/-/tape-5.6.6.tgz#dc555729d557184764a0d61130304d21977e4ca2" - integrity sha512-rGp2cZ3rfZ6QfTBm6yvohf8aXmDqPyzMKZwTMV12w4i+b/N2Adwlg8PlW8jLqWzlJUZhglyYaLOSrMt/ZlZkAA== +tape@^5.7.0: + version "5.7.0" + resolved "https://registry.yarnpkg.com/tape/-/tape-5.7.0.tgz#7f31bf116159d3cdbc6f65baa11aaa025d34ccfc" + integrity sha512-6EZoHjMDUUhet8+k32w/9onULL1U8idXKvBCnZxuZF2iFe+tMYOsKo4bpCtXbTSngZmYBnkU08TMhJwsKaHhaw== dependencies: "@ljharb/resumer" "^0.0.1" "@ljharb/through" "^2.3.9" - array.prototype.every "^1.1.4" + array.prototype.every "^1.1.5" call-bind "^1.0.2" deep-equal "^2.2.2" defined "^1.0.1" @@ -13478,12 +13620,13 @@ tape@^5.0.1: inherits "^2.0.4" is-regex "^1.1.4" minimist "^1.2.8" + mock-property "^1.0.0" object-inspect "^1.12.3" object-is "^1.1.5" object-keys "^1.1.1" object.assign "^4.1.4" resolve "^2.0.0-next.4" - string.prototype.trim "^1.2.7" + string.prototype.trim "^1.2.8" temp-dir@^2.0.0: version "2.0.0" From c7d20455e1441931d1d7925768c0d51dbf656ff9 Mon Sep 17 00:00:00 2001 From: Joshua Ubani-Wokoma <88754789+JuszJo@users.noreply.github.com> Date: Tue, 3 Oct 2023 15:38:35 +0100 Subject: [PATCH 09/26] Update navigation.md to point to the documentation for the various navigation solutions for react-native (#3866) * Add missing config step for android devices in navigation.md * Update navigation.md to point to the various react native solutions for navigation * Fix lint issue --- .../versioned_docs/version-0.72/navigation.md | 111 +----------------- 1 file changed, 6 insertions(+), 105 deletions(-) diff --git a/website/versioned_docs/version-0.72/navigation.md b/website/versioned_docs/version-0.72/navigation.md index ceb52632825..1f23e62e76f 100644 --- a/website/versioned_docs/version-0.72/navigation.md +++ b/website/versioned_docs/version-0.72/navigation.md @@ -5,7 +5,7 @@ title: Navigating Between Screens Mobile apps are rarely made up of a single screen. Managing the presentation of, and transition between, multiple screens is typically handled by what is known as a navigator. -This guide covers the various navigation components available in React Native. If you are getting started with navigation, you will probably want to use [React Navigation](navigation.md#react-navigation). React Navigation provides a straightforward navigation solution, with the ability to present common stack navigation and tabbed navigation patterns on both Android and iOS. +This guide points to the various navigation components available in React Native. If you are getting started with navigation, you will probably want to use [React Navigation](https://github.com/react-navigation). React Navigation provides a straightforward navigation solution, with the ability to present common stack navigation and tabbed navigation patterns on both Android and iOS. If you're integrating React Native into an app that already manages navigation natively, or looking for an alternative to React Navigation, the following library provides native navigation on both platforms: [react-native-navigation](https://github.com/wix/react-native-navigation). @@ -13,110 +13,11 @@ If you're integrating React Native into an app that already manages navigation n The community solution to navigation is a standalone library that allows developers to set up the screens of an app with a few lines of code. -### Installation and setup - -First, you need to install them in your project: - -```shell -npm install @react-navigation/native @react-navigation/native-stack -``` - -Next, install the required peer dependencies. You need to run different commands depending on whether your project is an Expo managed project or a bare React Native project. - -- If you have an Expo managed project, install the dependencies with `expo`: - - ```shell - npx expo install react-native-screens react-native-safe-area-context - ``` - -- If you have a bare React Native project, install the dependencies with `npm`: - - ```shell - npm install react-native-screens react-native-safe-area-context - ``` - - For iOS with bare React Native project, make sure you have [CocoaPods](https://cocoapods.org/) installed. Then install the pods to complete the installation: - - ```shell - cd ios - pod install - cd .. - ``` - -:::note -You might get warnings related to peer dependencies after installation. They are usually caused by incorrect version ranges specified in some packages. You can safely ignore most warnings as long as your app builds. -::: - -Now, you need to wrap the whole app in `NavigationContainer`. Usually you'd do this in your entry file, such as `index.js` or `App.js`: - -```tsx -import * as React from 'react'; -import {NavigationContainer} from '@react-navigation/native'; - -const App = () => { - return ( - - {/* Rest of your app code */} - - ); -}; - -export default App; -``` - -Now you are ready to build and run your app on the device/simulator. - -### Usage - -Now you can create an app with a home screen and a profile screen: - -```tsx -import * as React from 'react'; -import {NavigationContainer} from '@react-navigation/native'; -import {createNativeStackNavigator} from '@react-navigation/native-stack'; - -const Stack = createNativeStackNavigator(); - -const MyStack = () => { - return ( - - - - - - - ); -}; -``` - -In this example, there are 2 screens (`Home` and `Profile`) defined using the `Stack.Screen` component. Similarly, you can define as many screens as you like. - -You can set options such as the screen title for each screen in the `options` prop of `Stack.Screen`. - -Each screen takes a `component` prop that is a React component. Those components receive a prop called `navigation` which has various methods to link to other screens. For example, you can use `navigation.navigate` to go to the `Profile` screen: - -```tsx -const HomeScreen = ({navigation}) => { - return ( -