Merge branch 'main' into docs/android-nonlinear-font-scaling

Author: sbaiahmed1

docs/components-and-apis.md

@@ -198,6 +198,12 @@ These components may be useful for certain applications. For an exhaustive list
       <p>Provides access to the device pixel density.</p>
     </a>
   </div>
+  <div className="component">
+    <a href="./reactnativeversion">
+      <h3>ReactNativeVersion</h3>
+      <p>Exposes the resolved React Native package version on the JS side.</p>
+    </a>
+  </div>
   <div className="component">
     <a href="./refreshcontrol">
       <h3>RefreshControl</h3>

docs/drawerlayoutandroid.md

@@ -1,8 +1,12 @@
 ---
 id: drawerlayoutandroid
-title: DrawerLayoutAndroid
+title: '🗑️ DrawerLayoutAndroid'
 ---
 
+:::warning[Deprecated]
+Use [`react-native-drawer-layout`](https://reactnavigation.org/docs/drawer-layout/) instead.
+:::
+
 import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import constants from '@site/core/TabsConstants';
 
 React component that wraps the platform `DrawerLayout` (Android only). The Drawer (typically used for navigation) is rendered with `renderNavigationView` and direct children are the main view (where your content goes). The navigation view is initially not visible on the screen, but can be pulled in from the side of the window specified by the `drawerPosition` prop and its width can be set by the `drawerWidth` prop.

docs/imagebackground.md

@@ -1,8 +1,12 @@
 ---
 id: imagebackground
-title: ImageBackground
+title: '🗑️ ImageBackground'
 ---
 
+:::warning[Deprecated]
+Use a [`View`](view.md) with an absolutely positioned [`Image`](image.md) instead.
+:::
+
 A common feature request from developers familiar with the web is `background-image`. To handle this use case, you can use the `<ImageBackground>` component, which has the same props as `<Image>`, and add whatever children to it you would like to layer on top of it.
 
 You might not want to use `<ImageBackground>` in some cases, since the implementation is basic. Refer to `<ImageBackground>`'s [source code](https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Image/ImageBackground.js) for more insight, and create your own custom component when needed.

docs/reactnativeversion.md

@@ -0,0 +1,83 @@
+---
+id: reactnativeversion
+title: ReactNativeVersion
+---
+
+```tsx
+import {ReactNativeVersion} from 'react-native';
+```
+
+The `ReactNativeVersion` API exposes the version of the resolved `react-native` package on JS side. Apps and libraries can use it to check compatibility or enable version-specific behavior.
+
+:::note
+
+Also, we have [`Platform.constants.reactNativeVersion`](platform#constants) in our public API already. **However**, this is the per-platform _**native-reported**_ React Native version.
+
+:::
+
+## Example
+
+```tsx
+import {ReactNativeVersion} from 'react-native';
+
+const version = ReactNativeVersion.getVersionString(); // 0.88.1
+const {major, minor, patch, prerelease} = ReactNativeVersion;
+major; // 0
+minor; // 88
+patch; // 1
+prerelease; // null
+```
+
+---
+
+# Reference
+
+## Properties
+
+### `major`
+
+```tsx
+static major: number;
+```
+
+The major version number of the resolved `react-native` package.
+
+---
+
+### `minor`
+
+```tsx
+static minor: number;
+```
+
+The minor version number of the resolved `react-native` package.
+
+---
+
+### `patch`
+
+```tsx
+static patch: number;
+```
+
+The patch version number of the resolved `react-native` package.
+
+---
+
+### `prerelease`
+
+```tsx
+static prerelease: string | null;
+```
+
+The prerelease tag for the resolved `react-native` package, or `null` for stable releases.
+
+## Methods
+
+### `getVersionString()`
+
+```tsx
+static getVersionString(): string;
+```
+
+Returns the full version string in the format `major.minor.patch` or `major.minor.patch-prerelease`.

docs/the-new-architecture/pure-cxx-modules.md

@@ -19,7 +19,7 @@ In this guide, we will go through the creation of a pure C++ Turbo Native Module
 The rest of this guide assumes that you have created your application running the command:
 
 <CodeBlock language="bash" title="shell">
-{`npx @react-native-community/cli@latest init SampleApp --version ${getCurrentVersion()}`}
+{`npx @react-native-community/cli@latest init SampleApp --version "${getCurrentVersion()}"`}
 </CodeBlock>
 
 ## 1. Create the JS specs

docs/the-new-architecture/using-codegen.mdx

@@ -19,7 +19,7 @@ The **Codegen** process is tightly coupled with the build of the app, and the sc
 For the sake of this guide, create a project using the React Native CLI as follows:
 
 <CodeBlock language="bash" title="shell">
-  {`npx @react-native-community/cli@latest init SampleApp --version ${getCurrentVersion()}`}
+  {`npx @react-native-community/cli@latest init SampleApp --version "${getCurrentVersion()}"`}
 </CodeBlock>
 
 **Codegen** is used to generate the glue-code for your custom modules or components. See the guides for Turbo Native Modules and Fabric Native Components for more details on how to create them.

docs/turbo-native-modules.md

@@ -24,7 +24,7 @@ The basic steps are:
 Lets work through each of these steps by building an example Turbo Native Module. The rest of this guide assume that you have created your application running the command:
 
 <CodeBlock language="bash" title="shell">
-{`npx @react-native-community/cli@latest init TurboModuleExample --version ${getCurrentVersion()}`}
+{`npx @react-native-community/cli@latest init TurboModuleExample --version "${getCurrentVersion()}"`}
 </CodeBlock>
 
 ## Native Persistent Storage

website/releases/branches.md

@@ -15,6 +15,7 @@ The table below indicates what's included in the React Native platform for each
 
 | Branch                                                                                                                                | React<a href="https://github.com/facebook/react" target="_blank" rel="noreferrer"><IconExternalLink /></a> | Hermes (Legacy)<a href="https://github.com/facebook/hermes" target="_blank" rel="noreferrer"><IconExternalLink /></a> | Hermes V1<a href="https://github.com/facebook/hermes" target="_blank" rel="noreferrer"><IconExternalLink /></a> | Yoga<a href="https://github.com/facebook/yoga" target="_blank" rel="noreferrer"><IconExternalLink /></a> | React Native<br />DevTools frontend<a href="https://github.com/react/react-native-devtools-frontend" target="_blank" rel="noreferrer"><IconExternalLink /></a> |
 | ------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| 0.88-stable<a href="https://github.com/react/react-native/tree/0.88-stable" target="_blank" rel="noreferrer"><IconExternalLink /></a> | `19.2.3`                                                                                                   | —                                                                                                                     | `v260318099.0.2`                                                                                                | [`98300847`](https://github.com/facebook/yoga/commit/983008479)                                          | `chromium/7103`<br />(Chrome 136)                                                                                                                              |
 | 0.87-stable<a href="https://github.com/react/react-native/tree/0.87-stable" target="_blank" rel="noreferrer"><IconExternalLink /></a> | `19.2.3`                                                                                                   | —                                                                                                                     | `v250829098.0.16`                                                                                               | [`ee004e6b`](https://github.com/facebook/yoga/commit/ee004e6b3)                                          | `chromium/7103`<br />(Chrome 136)                                                                                                                              |
 | 0.86-stable<a href="https://github.com/react/react-native/tree/0.86-stable" target="_blank" rel="noreferrer"><IconExternalLink /></a> | `19.2.3`                                                                                                   | `v0.17.0`                                                                                                             | `v250829098.0.16`                                                                                               | [`c76b52b2`](https://github.com/facebook/yoga/commit/c76b52b20)                                          | `chromium/7103`<br />(Chrome 136)                                                                                                                              |
 | 0.85-stable<a href="https://github.com/react/react-native/tree/0.85-stable" target="_blank" rel="noreferrer"><IconExternalLink /></a> | `19.2.3`                                                                                                   | `v0.16.0`                                                                                                             | `v250829098.0.10`                                                                                               | [`cfdacac0`](https://github.com/facebook/yoga/commit/cfdacac0e)                                          | `chromium/7103`<br />(Chrome 136)                                                                                                                              |

website/showcase.json

@@ -350,6 +350,20 @@
       "icon": "brex.png",
       "linkAppStore": "https://apps.apple.com/us/app/brex/id1472905508",
       "linkPlayStore": "https://play.google.com/store/apps/details?id=com.brex.mobile&hl=en_US&gl=US"
+    },
+    {
+      "name": "Starlink",
+      "icon": "starlink.webp",
+      "linkAppStore": "https://apps.apple.com/us/app/starlink/id1537177988",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=com.starlink.mobile",
+      "pinned": true
+    },
+    {
+      "name": "Grok Bot",
+      "icon": "grok-bot.webp",
+      "linkAppStore": "https://apps.apple.com/us/app/grok-bot/id6794501026",
+      "linkPlayStore": "https://play.google.com/store/apps/details?id=ai.x.grok.bot",
+      "pinned": true
     }
   ]
 }

website/sidebars.ts

@@ -214,6 +214,7 @@ export default {
       'pixelratio',
       'platform',
       'platformcolor',
+      'reactnativeversion',
       'roottag',
       'share',
       'stylesheet',