Upgrade Website to 0.81

.spelling

@@ -51,6 +51,7 @@ JSValue
 KeyEvents
 Kotlin
 lifecycle
+lt
 macOS
 middleware
 monorepos
@@ -126,6 +127,7 @@ WinUI
 WinUI3
 Xcode
 80-native-platform-getting-started
+81-native-platform-getting-started
 sidebar_label
 original_id
 workstream
@@ -148,7 +150,10 @@ anupriya13
 JS/TSX
 migration-guide
 version-0.80-migration-guide
+version-0.81-migration-guide
 WinAppSDK
+22.x
+20.x
 18.x
 13.x
 v17.10
@@ -169,5 +174,6 @@ e.g.numeric
 ascii-capable
 url
 VSCode
+v0.81
 v0.80
 v0.74

docs/new-arch-missingProps.md

@@ -23,30 +23,6 @@ Sets the transparency of the view.
 |:--|:--|
 | number | No |
 
-### `snapToInterval`
-
-When set, causes the scroll view to stop at multiples of the value of snapToInterval. This can be used for paginating through children that have lengths smaller than the scroll view. Typically used in combination with snapToAlignment and decelerationRate="fast". Overrides less configurable pagingEnabled prop.
-
-| type | required |
-|:--|:--|
-| number | No |
-
-### `snapToAlignment`
-
-When snapToInterval is set, snapToAlignment will define the relationship of the snapping to the scroll view.
-
-| type | required |
-|:--|:--|
-| enum('start', 'center', 'end') | No |
-
-### `pagingEnabled`
-
-When true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination.
-
-| type | default |
-|:--|:--|
-| bool | false |
-
 ### `selectable`
 
 Lets the user select text, to use the native copy and paste functionality.
@@ -63,36 +39,6 @@ The highlight color of the text.
 |:--|:--|
 | color | No |
 
-### `textAlign`
-
-Align the input text to the left, center, or right sides of the input field.
-
-Possible values for textAlign are:
-
-- left
-- center
-- right
-
-| type | required |
-|:--|:--|
-| enum('left', 'center', 'right') | No |
-
-### `contextMenuHidden`
-
-If true, context menu is hidden. The default value is false.
-
-| type | required |
-|:--|:--|
-| bool | No |
-
-### `writingDirection`
-
-The writing direction of the text.
-
-| type | required |
-|:--|:--|
-| enum('auto', 'ltr', 'rtl') | No |
-
 ### `keyboardType`
 
 Determines which keyboard to open, e.g.numeric

docs/rnw-dependencies.md

@@ -53,7 +53,7 @@ Alternatively, you can setup your environment manually:
 Options to install [Node.js](https://nodejs.org) separately:
   - Using [WinGet](https://aka.ms/winget) (_React Native recommended_). To use WinGet, from an elevated Command Prompt, run:
   ```bat
-  winget install OpenJS.NodeJS.LTS --version 18.18.0
+  winget install OpenJS.NodeJS.LTS --version 22.14.0
   ```
   - Using [another package manager](https://nodejs.org/en/download/package-manager/) such as [Scoop](https://scoop.sh/) or [Node Version Switcher (nvs)](https://github.com/jasongin/nvs)
   - Directly from [Node.js](https://nodejs.org/en/download)

website/.unbroken_exclusions

@@ -19,6 +19,7 @@
 !versioned_docs/version-0.78/native-api/*-api-windows*.md
 !versioned_docs/version-0.79/native-api/*-api-windows*.md
 !versioned_docs/version-0.80/native-api/*-api-windows*.md
+!versioned_docs/version-0.81/native-api/*-api-windows*.md
 
 # See Issue 410
 File not found IReactContext while parsing versioned_docs/version-0.64/native-modules-advanced.md
@@ -39,6 +40,20 @@ URL not found https://www.npmjs.com/package/react-native-macos while parsing ver
 URL not found https://www.npmjs.com/package/react-native-windows while parsing versioned_docs/version-0.80/new-architecture.md (HTTP 403)
 
 #fix-unbroken.js auto-generated do not edit this line or below
+File not found getting-started.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found init-windows-cli.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found new-architecture.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found autolink-windows-cli.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found native-platform.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found platform.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found rnw-dependencies.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found run-windows-cli.md while parsing versioned_docs/version-0.81/getting-started.md
+File not found getting-started.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
+File not found init-windows-cli.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
+File not found native-platform-components.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
+File not found native-platform-modules.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
+File not found rnw-dependencies.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
+File not found run-windows-cli.md while parsing versioned_docs/version-0.81/native-platform-getting-started.md
 File not found new-architecture.md while parsing versioned_docs/version-0.80/flyout-component-windows.md
 File not found autolink-windows-cli.md while parsing versioned_docs/version-0.80/getting-started.md
 File not found getting-started.md while parsing versioned_docs/version-0.80/getting-started.md

website/pages/en/support.js

@@ -14,13 +14,14 @@ The React Native for Windows (RNW) Team strives to provide full support for the
 | Version | Support Phase | Release Date | Active Support Start | Maintenance Support Start | End of Support |
 | -- | -- | -- | -- | -- | -- |
 | [main](https://www.npmjs.com/package/react-native-windows/v/canary) | [Canary](#canary-support) | *N/A* | *N/A* | *N/A* | *N/A* |
-| [0.80](https://www.npmjs.com/package/react-native-windows/v/latest) | [Active](#active-support) | 10/28/2025 | 10/28/2025 | *TBD* | *TBD* |
-| [0.79](https://www.npmjs.com/package/react-native-windows/v/v0.79-stable) | [Active](#active-support) | 06/17/2025 | 06/17/2025 | 11/30/2025 | 01/31/2026 |
+| [0.81](https://www.npmjs.com/package/react-native-windows/v/latest) | [Active](#active-support) | 12/19/2025 | 12/19/2025 | *TBD* | *TBD* |
+| [0.80](https://www.npmjs.com/package/react-native-windows/v/v0.80-stable) | [Active](#active-support) | 10/28/2025 | 10/28/2025 | 01/20/2025 | 03/20/2026 |
+| [0.79](https://www.npmjs.com/package/react-native-windows/v/v0.79-stable) | [Maintenance](#maintenance-support) | 06/17/2025 | 06/17/2025 | 11/30/2025 | 01/31/2026 |
 | [0.78](https://www.npmjs.com/package/react-native-windows/v/v0.78-stable) | [Unsupported](#unsupported) | 02/27/2025 | 02/27/2025 | 07/31/2025 | 09/30/2025 |
-| [0.77](https://www.npmjs.com/package/react-native-windows/v/v0.77-stable) | [Unsupported](#unsupported) | 01/24/2025 | 01/24/2025 | 03/30/2025 | 05/31/2025 |
 
 <!--
 // We don't want the table to grow indefinitely, so only keep the last 5 stable (non-main) versions visible above, keep the rest here for posterity.
+| [0.77](https://www.npmjs.com/package/react-native-windows/v/v0.77-stable) | [Unsupported](#unsupported) | 01/24/2025 | 01/24/2025 | 03/30/2025 | 05/31/2025 |
 | [0.76](https://www.npmjs.com/package/react-native-windows/v/v0.76-stable) | [Unsupported](#unsupported) | 11/11/2024 | 11/11/2024 | 02/28/2025 | 04/30/2025 |
 | [0.75](https://www.npmjs.com/package/react-native-windows/v/v0.75-stable) | [Unsupported](#unsupported) | 8/19/2024 | 8/19/2024 | 12/31/2024 | 02/28/2025 |
 | [0.74](https://www.npmjs.com/package/react-native-windows/v/v0.74-stable) | [Unsupported](#unsupported) | 4/29/2024 | 4/29/2024 | 9/30/2024 | 11/30/2024 |

website/siteConfig.js

@@ -8,7 +8,7 @@
 // See https://docusaurus.io/docs/site-config for all the possible
 // site configuration options.
 
-const defaultVersionShown = "0.80";
+const defaultVersionShown = "0.81";
 const repoUrl = "https://github.com/microsoft/react-native-windows";
 
 const siteConfig = {

website/versioned_docs/version-0.81/getting-started.md

@@ -0,0 +1,138 @@
+---
+id: version-0.81-getting-started
+title: Get Started with Windows
+original_id: getting-started
+---
+
+![Architecture](https://img.shields.io/badge/architecture-new_&_old-green)
+
+This guide will help you get started on setting up your very first React Native for Windows app.
+
+Make sure you have installed all of the [development dependencies](rnw-dependencies.md).
+
+For information around how to set up React Native, see the [React Native Getting Started Guide](https://reactnative.dev/docs/getting-started).
+
+## Create a new React Native project
+
+Call the following from the place where you want your project directory to live:
+
+<!-- Note, make sure both `@react-native-community/cli@ABC` and `--version XYZ` are pointing to the correct NPM tags in the command below. -->
+
+<!-- 1. For the next version (i.e. in docs/getting-started.md) use `next` for the CLI and `nightly` for the RN version -->
+<!-- 2. For stable versions in versioned_docs use `latest` for the CLI and the semantic version, i.e. `^0.73.0` for the RN version -->
+
+<!-- See https://www.npmjs.com/package/@react-native-community/cli?activeTab=versions for the CLI version tags. -->
+<!-- See https://www.npmjs.com/package/react-native?activeTab=versions for the RN version tags. -->
+
+```bat
+npx --yes @react-native-community/cli@latest init <projectName> --version "^0.81.0"
+```
+
+### Navigate into this newly created directory
+
+The command will create your project in a new sub-directory, which you must enter before continuing:
+
+```bat
+cd <projectName>
+```
+
+### Add React Native Windows to your project's dependencies
+
+<!-- Note, make sure `version` is pointing to the correct react-native-windows NPM tag in the command below. -->
+
+<!-- 1. For the next version (i.e. in docs/getting-started.md) use `canary` -->
+<!-- 2. For other versions in versioned_docs use the version in the format `^0.XY.0` -->
+
+Next you'll want to add `react-native-windows` as a dependency:
+
+<!--DOCUSAURUS_CODE_TABS-->
+
+<!--Using Yarn (Recommended)-->
+
+```bat
+yarn add react-native-windows@^0.81.0
+```
+
+<!--Using NPM-->
+
+```bat
+npm install --save react-native-windows@^0.81.0
+```
+
+<!--END_DOCUSAURUS_CODE_TABS-->
+
+### Initialize the React Native Windows native code and projects
+
+Lastly, initialize the React Native for Windows application with the [init-windows command](init-windows-cli.md):
+
+```bat
+npx react-native init-windows --overwrite
+```
+
+> **Architecture Note:** The default React Native for Windows template for *new* projects targets [React Native's New Architecture](https://reactnative.dev/architecture/landing-page). For more information, including options for continuing to use the Old Architecture, see [New vs. Old Architecture](new-architecture.md). 
+
+> **Metro Note:** React Native Windows overwrites the app project's `metro.config.js` file to enable Windows support. If you are starting a new project, overwriting React Native's default `metro.config.js` should have no impact. However, if you have previously modified your `metro.config.js` file, please make sure to back up and re-apply your modifications after adding React Native Windows.
+
+## Running a React Native Windows App
+
+> Make sure a browser is launched and running before running a React Native Windows app.
+> Also ensure your system meets all the [requirements](rnw-dependencies.md) to build a Windows app as well.
+
+- Without Using Visual Studio
+
+  In your React Native Windows project directory, run the [run-windows command](run-windows-cli.md):
+
+  ```bat
+  npx react-native run-windows
+  ```
+
+  A new Command Prompt window will open with the React packager as well as your React Native for Windows app. This step may take a while during first run since it involves building the entire project and all dependencies. You can now start developing! :tada:
+
+- Using Visual Studio
+
+  - From the root of the project directory, run the [autolink-windows command](autolink-windows-cli.md), which will automatically link your app's dependencies:
+    ```bat
+    npx react-native autolink-windows
+    ```
+  - Open the solution file in the application folder in Visual Studio (e.g., `AwesomeProject/windows/AwesomeProject.sln` if you used `AwesomeProject` as `<projectName>`)
+  - Select the `Debug` configuration and the `x64` platform from the combo box controls to the left of the `Run` button and underneath the `Team` and `Tools` menu item.
+  - Run `yarn start` (or `npm start`) from your project directory, and wait for the React Native packager to report success.
+  - Click the `Run` button to the right of the platform combo box control in VS, or select the `Debug`->`Start without Debugging` menu item. You now see your new app and Chrome should have loaded `http://localhost:8081/debugger-ui/` in a new tab. Press `F12` or `Ctrl+Shift+I` in Chrome to open its Developer Tools. :tada:
+
+- With VS Code
+  - Open your applications folder in VS Code.
+  - Install the [React Native Tools](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native) plugin for VS Code.
+  - Create a new file in the applications root directory, `.vscode/launch.json` and paste the following configuration:
+  ```json
+  {
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "name": "Debug Windows",
+        "cwd": "${workspaceFolder}",
+        "type": "reactnative",
+        "request": "launch",
+        "platform": "windows"
+      }
+    ]
+  }
+  ```
+  - Press `F5` or navigate to the debug menu (alternatively press `Ctrl+Shift+D`) and in the Debug drop-down select "Debug Windows" and press the green arrow to run the application.
+
+## Authoring Native Modules
+
+See [Native Platform: Overview](native-platform.md).
+
+## Building a standalone React Native Windows App
+
+Follow these steps to build a version of your app that you can install or publish to the store. This version will package your bundle and assets into the APPX package so you don't need to run Metro.
+
+- Open the solution in Visual Studio
+- Select the Release configuration from the Configuration Manager drop-down.
+- Build the solution. You can now launch without first launching Metro.
+- If you want to build an APPX package to share or publish, use the **Project** > **Publish** > **Create App Packages...** option.
+
+> The Debug configuration uses the Web Debugger by default, which means the application's JavaScript code runs in Chrome.<br>
+> If you're getting different runtime behavior between the Release and Debug configurations, consider disabling the `UseWebDebugger` setting in [`App.cpp`](https://github.com/microsoft/react-native-windows/blob/6b415659aa017dbc41e3f28e817fb768a8e80435/vnext/template/cpp-app/src/App.cpp#L30) or [`App.xaml.cs`](https://github.com/microsoft/react-native-windows/blob/6b415659aa017dbc41e3f28e817fb768a8e80435/vnext/template/cs-app/src/App.xaml.cs#L20) to get the same behavior in the Debug configuration.
+
+See also this article for additional details: https://techcommunity.microsoft.com/t5/windows-dev-appconsult/getting-started-with-react-native-for-windows/ba-p/912093#