diff --git a/.spelling b/.spelling index e53129e8e..24883740b 100644 --- a/.spelling +++ b/.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,6 +150,7 @@ anupriya13 JS/TSX migration-guide version-0.80-migration-guide +version-0.81-migration-guide WinAppSDK 18.x 13.x @@ -169,5 +172,6 @@ e.g.numeric ascii-capable url VSCode +v0.81 v0.80 v0.74 \ No newline at end of file diff --git a/docs/new-arch-missingProps.md b/docs/new-arch-missingProps.md index 77ab6ca70..c2cf13ec9 100644 --- a/docs/new-arch-missingProps.md +++ b/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 diff --git a/website/.unbroken_exclusions b/website/.unbroken_exclusions index 53a4dfffe..63713a287 100644 --- a/website/.unbroken_exclusions +++ b/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 diff --git a/website/pages/en/support.js b/website/pages/en/support.js index 0c5572ff9..f027d89aa 100644 --- a/website/pages/en/support.js +++ b/website/pages/en/support.js @@ -14,7 +14,8 @@ 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.81](https://www.npmjs.com/package/react-native-windows/v/latest) | [Active](#active-support) | *TBD* | *TBD* | *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 | *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.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 | diff --git a/website/siteConfig.js b/website/siteConfig.js index 5c132edbc..790738f4a 100644 --- a/website/siteConfig.js +++ b/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 = { diff --git a/website/versioned_docs/version-0.81/getting-started.md b/website/versioned_docs/version-0.81/getting-started.md new file mode 100644 index 000000000..c6447201c --- /dev/null +++ b/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: + + + + + + + + + +```bat +npx --yes @react-native-community/cli@latest init --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 +``` + +### Add React Native Windows to your project's dependencies + + + + + + +Next you'll want to add `react-native-windows` as a dependency: + + + + + +```bat +yarn add react-native-windows@^0.81.0 +``` + + + +```bat +npm install --save react-native-windows@^0.81.0 +``` + + + +### 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 ``) + - 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.
+> 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# diff --git a/website/versioned_docs/version-0.81/migration-guide.md b/website/versioned_docs/version-0.81/migration-guide.md new file mode 100644 index 000000000..4eea0d116 --- /dev/null +++ b/website/versioned_docs/version-0.81/migration-guide.md @@ -0,0 +1,148 @@ +--- +id: version-0.81-migration-guide +title: Migration Guide +original_id: migration-guide +--- + +![Architecture](https://img.shields.io/badge/architecture-new_&_old-green) + +### React Native Windows — Migration from Paper (Old Architecture) to Fabric (New Architecture) - Sample Calculator App + + +### Introduction + +React Native 0.80 introduced Fabric as the default renderer and completed the transition to the New Architecture (Fabric + TurboModules). For React Native Windows (RNW), this migration replaces the legacy Paper architecture with a modern rendering pipeline that improves performance and memory usage. + +> **Note:** Starting with RNW v0.80, Fabric became the default renderer. This migration guide applies to migrating from Paper to Fabric for RNW versions supporting Fabric (starting RNW v0.74), including the current version 0.81. + +### Key Concepts + + +- Paper (Old Architecture): Legacy renderer that uses UIManager and bridge-based communication between JS and native. + +- Fabric (New Architecture): Modern concurrent renderer built on React Fiber and JSI. + +- TurboModules: New native module system that replaces the old bridge-based modules with JSI bindings. + +- RNW cpp-app Template: Default Windows template for new-architecture (Fabric) apps using C++/WinAppSDK. + +- RNW old-uwp/cpp-app Template: Legacy UWP template used for Paper-based (old architecture) apps. + + +### Prerequisites + +- Node.js ≥ 18.x + - React Native CLI ≥ 13.x + - Visual Studio 2022 (v17.10 or later) + - Windows SDK ≥ 10.0.22621.0 + - Existing RNW app running on RN < 0.81 (Paper architecture) + +Run yarn install after every update of package.json file + +### RNW App Migration + +About the App: + +For the purposes of this migration guide, we will use the sample Calculator app from the [React-native-windows-samples repository](https://github.com/microsoft/react-native-windows-samples). This Calculator app demonstrates a straightforward React Native for Windows project implemented in C++/WinRT, making it well-suited for illustrating the steps required to move from the legacy Paper architecture to the modern Fabric architecture. The app covers basic UI, native modules, and integration patterns typical in RNW projects, providing a practical reference as you follow each migration step. + +You can view the Calculator app's source code at [react-native-windows-samples/samples/Calculator/cppwinrt](https://github.com/microsoft/react-native-windows-samples/tree/9e5d850e843acc2ff060fbd64673511cc67265f9/samples/Calculator/cppwinrt) and examine the full migration changes in the pull request diff [migrate calculator by anupriya13 · PR #1092](https://github.com/microsoft/react-native-windows-samples/pull/1092/files#diff-12ccc26d0186ecea507053fb04c1d4eac13aea210e5e1e95332e9add88940971). This real-world example enables you to compare the project structure and dependencies before and after the migration, making it easier to understand and replicate the process in your own RNW apps. + + + +Repo: [react-native-windows-samples/samples/Calculator/cppwinrt at main · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/tree/main/samples/Calculator/cppwinrt) + +Sample Diff: [migrate calculator by anupriya13 · Pull Request #1092 · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/pull/1092/files#diff-12ccc26d0186ecea507053fb04c1d4eac13aea210e5e1e95332e9add88940971) + +Before you migrate confirm few things on your Paper project re-confirm that your project is using Paper architecture by checking the package.json init-window section + + +### Steps Followed to Migrate to New Architecture (Fabric) +- Upgrade Dependencies: Update package.json to use React Native 0.81 and run: + ```bash + npm install + ``` + or + ```bash + yarn install + ``` + (Reference - [react-native-windows-samples/samples/Calculator/cppwinrt/package.json at 9e5d850e843acc2ff060fbd64673511cc67265f9 · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/blob/9e5d850e843acc2ff060fbd64673511cc67265f9/samples/Calculator/cppwinrt/package.json)) + +- Delete the Existing Windows Directory: + ```bash + rm -rf windows + ``` + +- Update Template in package.json: Set `"template": "cpp-app"` to use the new architecture template. + +- Run: + ```bash + yarn install + ``` + +- Reinitialize the Windows Project: + ```bash + npx react-native init-windows --template cpp-app + ``` + +- Run the Application: + ```bash + npx @react-native-community/cli run-windows + ``` + + +You will see new files created / updated inside windows directory + +No JS/TSX changes needed in src as Calculator uses basic components. + + +Commit Paper to Fabric: [migrate calculator by anupriya13 · Pull Request #1092 · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/pull/1092/commits/773c0ddec708083ab3fbd93dca08acfe0aa408aa) + +### Reverting to Old Architecture (Paper) + +In case you encounter issues migrating to Fabric or due to unsupported controls or properties in Fabric please refer to below steps to revert back to Paper architecture. If you encounter missing properties, please open an issue: https://github.com/microsoft/react-native-windows/issues + +- Delete the Windows Directory: + ```bash + rm -rf windows + ``` + +- Update Template in package.json: Set `"template": "old/uwp-cpp-app"`. (Reference -[react-native-windows-samples/samples/Calculator/fabric/package.json at 9e5d850e843acc2ff060fbd64673511cc67265f9 · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/blob/9e5d850e843acc2ff060fbd64673511cc67265f9/samples/Calculator/fabric/package.json)) + +- Run: + ```bash + yarn + ``` + +- Reinitialize the Old Architecture Project: + ```bash + npx react-native init-windows --template old/uwp-cpp-app + ``` + +- Run the App: + ```bash + npx @react-native-community/cli run-windows + ``` + + + +Commit Fabric to Paper for reference: [migrate calculator by anupriya13 · Pull Request #1092 · microsoft/react-native-windows-samples](https://github.com/microsoft/react-native-windows-samples/pull/1092/commits/450baba033b9c1f0e9b9e882bee91954f03767a1) + +### Third-Party Modules and Community Libraries [Out of Scope for Calculator] + +When migrating to the New Architecture (Fabric), it's important to verify that all third-party or community modules used in your project are compatible with the new architecture. Modules developed for the old Paper bridge may not function correctly without Fabric support. + +Before using any external module: + + Check the module's documentation or GitHub repository for Fabric or TurboModule support. + +Prefer modules that explicitly state compatibility with React Native 0.81 or higher (or 0.80+ for Fabric compatibility). + +If the module is not updated, consider alternative libraries or maintain your own fork until Fabric support is added. + +### Flyout / Popup Behavior Update [Out of Scope for Calculator] + +In the New Architecture RNW, the Flyout and Popup components have been updated to align with the Modal API for better cross-platform consistency. Any previous usage of Flyout or Popup should be reviewed and replaced with the new Modal-based implementation, ensuring proper layering, dismissal, and accessibility behavior. + +### Conclusion + +Migrating from Paper to Fabric in React Native Windows modernizes your project, improves performance, and prepares your app for future React Native releases. Reverting to the old architecture is simple if required. diff --git a/website/versioned_docs/version-0.81/native-platform-getting-started.md b/website/versioned_docs/version-0.81/native-platform-getting-started.md new file mode 100644 index 000000000..4c184bf03 --- /dev/null +++ b/website/versioned_docs/version-0.81/native-platform-getting-started.md @@ -0,0 +1,92 @@ +--- +id: version-0.81-native-platform-getting-started +title: Native Platform: Getting Started +sidebar_label: Getting Started +original_id: native-platform-getting-started +--- + +![Architecture](https://img.shields.io/badge/architecture-new_&_old-green) + +Similar to how the [Getting Started for Windows](getting-started.md) guide takes you through the process of creating a base React Native *app* (which supports iOS and Android), and then adding Windows support, this guide will take you through the steps of creating a base React Native *library*, and then adding Windows support. + +Before you get started, make sure you have installed all of the [development dependencies](rnw-dependencies.md). + +> **Note:** There have always been multiple ways to create base React Native libraries, each creating a slightly different setup. This guide uses the `create-react-native-library` tool (with specific options) to start a brand new library, because that is the specific setup tested by the React Native for Windows team. Your experience may differ when attempting to add Windows support to (existing) libraries created by other tools. + +## Create a new React Native library project + +Call the following from the place where you want your project directory to live: + + + + + + + + +```bat +npx --yes create-react-native-library@0.48.9 --react-native-version ^0.81.0 +``` + +> **Note:** Replace `` with the name of your library. The rest of this guide will assume you named your project `testlib`. + +You'll then be prompted for more information about the library you're trying to create (though you can also specify the answers at the command-line). Most are self-explanatory, but for this guide, you'll want to choose: + +| Option | Value | CLI Argument | +|:-------|:-------|:-------------| +| Package Name | testlib | `--slug testlib` | +| Library Type | Turbo module | `--type turbo-module` | +| Languages | Kotlin & Objective-C | `--languages kotlin-objc` | + +> **Note:** For more information on all of the available options, see [create-react-native-library's documentation](https://callstack.github.io/react-native-builder-bob). + +### 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 +``` + +### Add React Native for Windows to your project's node dependencies + + + + + + +Next you'll want to add `react-native-windows` as a dependency: + +```bat +yarn add react-native-windows@^0.81.0 --dev +yarn add react-native-windows@* --peer +yarn install +``` + +### Initialize the React Native for Windows native code and projects + +Lastly, initialize the React Native for Windows library with the [init-windows command](init-windows-cli.md) and the `cpp-lib` template: + +```bat +npx react-native init-windows --template cpp-lib --overwrite +``` + +> **Note:** The command will not only initialize the Windows code for the library project itself, but it will also initialize the Windows code for the example app created by `create-react-native-library` in the `example` folder. + +## Running the React Native for Windows example app + +If you followed this guide and added Windows support to the base project created by `create-react-native-library`, you should be able to launch the provided `example` app with the [run-windows command](run-windows-cli.md): + +```bat +yarn react-native run-windows +``` + +> **Note:** For our `example` app, you can either run the given command from within the `example` folder, or run `yarn example react-native run-windows` directly from the library's root folder. + +## Next Steps + +After you've initialized a new project to support Windows, your next step is to implement that Windows support in native code. + +If you're implementing a Native Module (i.e. exposing non-UI native code), continue with [Native Platform: Native Modules](native-platform-modules.md). + +If you're implementing a Native Component (i.e. exposing native Windows UI), continue with [Native Platform: Native Components](native-platform-components.md). diff --git a/website/versioned_docs/version-0.81/new-arch-missingProps.md b/website/versioned_docs/version-0.81/new-arch-missingProps.md new file mode 100644 index 000000000..fc09c9218 --- /dev/null +++ b/website/versioned_docs/version-0.81/new-arch-missingProps.md @@ -0,0 +1,49 @@ +--- +id: version-0.81-new-arch-missingProps +title: Missing Properties +original_id: new-arch-missingProps +--- + +![Architecture](https://img.shields.io/badge/architecture-new_only-green) + +> **New Architecture Only:** This page lists properties that are not yet implemented in the New Architecture. If you depend on one of these properties and would like to prioritize its implementation, please open an issue here: [RNW GitHub link](https://github.com/microsoft/react-native-windows/issues). + +## Missing Props List + +### `overflow` + +| type | default | +|:--|:--| +| enum('visible', 'hidden') | 'visible' | + +### `opacity` + +Sets the transparency of the view. + +| type | required | +|:--|:--| +| number | No | + +### `selectable` + +Lets the user select text, to use the native copy and paste functionality. + +| type | default | +|:--|:--| +| bool | false | + +### `selectionColor` + +The highlight color of the text. + +| type | required | +|:--|:--| +| color | No | + +### `keyboardType` + +Determines which keyboard to open, e.g.numeric + +| type | required | +|:--|:--| +| enum('default', 'email-address', 'numeric', 'phone-pad', 'ascii-capable', 'numbers-and-punctuation', 'url', 'number-pad', 'name-phone-pad', 'decimal-pad', 'twitter', 'web-search', 'visible-password') | No | diff --git a/website/versioned_sidebars/version-0.81-sidebars.json b/website/versioned_sidebars/version-0.81-sidebars.json new file mode 100644 index 000000000..f6f4f942e --- /dev/null +++ b/website/versioned_sidebars/version-0.81-sidebars.json @@ -0,0 +1,362 @@ +{ + "version-0.81-docs": { + "The Basics": [ + "version-0.81-getting-started", + "version-0.81-rnw-dependencies", + "version-0.81-react-native-windows-cli", + "version-0.81-parity-status", + "version-0.81-config", + "version-0.81-windowsbrush-and-theme", + "version-0.81-releases", + "version-0.81-platform", + "version-0.81-upgrade-app", + "version-0.81-migration-guide", + "version-0.81-setup-ci", + "version-0.81-app-publishing", + "version-0.81-supported-community-modules" + ], + "CLI Commands": [ + "version-0.81-autolink-windows-cli", + "version-0.81-codegen-windows-cli", + "version-0.81-init-windows-cli", + "version-0.81-run-windows-cli" + ], + "Native Development": [ + "version-0.81-native-platform", + "version-0.81-native-platform-getting-started", + "version-0.81-native-platform-modules", + "version-0.81-native-platform-components", + "version-0.81-native-platform-components-paper", + "version-0.81-native-platform-using" + ], + "Advanced Topics": [ + "version-0.81-win10-vm", + "version-0.81-hermes", + "version-0.81-NuGet" + ], + "Troubleshooting": [ + "version-0.81-debugging-javascript", + "version-0.81-metro-config-out-tree-platforms" + ], + "Legacy Docs": [ + { + "type": "subcategory", + "label": "Native Modules", + "ids": [ + "version-0.81-native-modules", + "version-0.81-view-managers", + "version-0.81-native-modules-setup", + "version-0.81-native-modules-vs-turbo-modules", + "version-0.81-native-modules-using", + "version-0.81-native-modules-autolinking", + "version-0.81-native-modules-advanced", + "version-0.81-native-modules-troubleshooting" + ] + }, + { + "type": "subcategory", + "label": "Native Development", + "ids": [ + "version-0.81-native-code", + "version-0.81-native-code-language-choice", + "version-0.81-native-modules-marshalling-data", + "version-0.81-native-modules-async", + "version-0.81-native-modules-jsvalue", + "version-0.81-native-modules-csharp-codegen", + "version-0.81-customizing-SDK-versions", + "version-0.81-managing-cpp-deps" + ] + } + ] + }, + "version-0.81-apis": { + "Components": [ + "version-0.81-flyout-component", + "version-0.81-glyph-component", + "version-0.81-popup-component", + "version-0.81-textinput-component" + ], + "JavaScript API": [ + "version-0.81-apptheme-api", + "version-0.81-ikeyboardprops-api", + "version-0.81-iviewwindowsprops-api" + ], + "New Architecture Property Support": [ + "version-0.81-new-arch-missingProps" + ], + "Native API": [ + "version-0.81-native-api/Native-API-Reference", + { + "label": "Classes", + "ids": [ + "version-0.81-native-api/ActivityIndicatorComponentView", + "version-0.81-native-api/BorderEffect", + "version-0.81-native-api/CallInvoker", + "version-0.81-native-api/Color", + "version-0.81-native-api/ColorSourceEffect", + "version-0.81-native-api/ComponentView", + "version-0.81-native-api/CompositeStepEffect", + "version-0.81-native-api/CompositionHwndHost", + "version-0.81-native-api/CompositionUIService", + "version-0.81-native-api/ContentIslandComponentView", + "version-0.81-native-api/CustomResourceResult", + "version-0.81-native-api/DebuggingOverlayComponentView", + "version-0.81-native-api/DevMenuControl", + "version-0.81-native-api/DynamicAutomationPeer", + "version-0.81-native-api/DynamicAutomationProperties", + "version-0.81-native-api/DynamicValueProvider", + "version-0.81-native-api/EventEmitter", + "version-0.81-native-api/FocusManager", + "version-0.81-native-api/FocusNavigationRequest", + "version-0.81-native-api/FocusNavigationResult", + "version-0.81-native-api/GaussianBlurEffect", + "version-0.81-native-api/GettingFocusEventArgs", + "version-0.81-native-api/HandleCommandArgs", + "version-0.81-native-api/HttpSettings", + "version-0.81-native-api/ImageComponentView", + "version-0.81-native-api/ImageFailedResponse", + "version-0.81-native-api/ImageProps", + "version-0.81-native-api/ImageResponse", + "version-0.81-native-api/ImageSource", + "version-0.81-native-api/InstanceCreatedEventArgs", + "version-0.81-native-api/InstanceDestroyedEventArgs", + "version-0.81-native-api/InstanceLoadedEventArgs", + "version-0.81-native-api/JsiError", + "version-0.81-native-api/JsiPreparedJavaScript", + "version-0.81-native-api/JsiRuntime", + "version-0.81-native-api/LayoutContext", + "version-0.81-native-api/LayoutMetricsChangedArgs", + "version-0.81-native-api/LayoutService", + "version-0.81-native-api/LosingFocusEventArgs", + "version-0.81-native-api/MicrosoftCompositionContextHelper", + "version-0.81-native-api/MountChildComponentViewArgs", + "version-0.81-native-api/ParagraphComponentView", + "version-0.81-native-api/Pointer", + "version-0.81-native-api/PointerPoint", + "version-0.81-native-api/PointerPointProperties", + "version-0.81-native-api/PointerRoutedEventArgs", + "version-0.81-native-api/PortalComponentView", + "version-0.81-native-api/QuirkSettings", + "version-0.81-native-api/ReactApplication", + "version-0.81-native-api/ReactCoreInjection", + "version-0.81-native-api/ReactDispatcherHelper", + "version-0.81-native-api/ReactInstanceSettings", + "version-0.81-native-api/ReactNativeAppBuilder", + "version-0.81-native-api/ReactNativeHost", + "version-0.81-native-api/ReactNativeIsland", + "version-0.81-native-api/ReactNativeWin32App", + "version-0.81-native-api/ReactNotificationServiceHelper", + "version-0.81-native-api/ReactPointerEventArgs", + "version-0.81-native-api/ReactPropertyBagHelper", + "version-0.81-native-api/ReactRootView", + "version-0.81-native-api/ReactViewOptions", + "version-0.81-native-api/RedBoxHelper", + "version-0.81-native-api/RootComponentView", + "version-0.81-native-api/RootViewSizeChangedEventArgs", + "version-0.81-native-api/ScrollViewComponentView", + "version-0.81-native-api/ShadowNode", + "version-0.81-native-api/StreamImageResponse", + "version-0.81-native-api/SwitchComponentView", + "version-0.81-native-api/SystemCompositionContextHelper", + "version-0.81-native-api/Theme", + "version-0.81-native-api/Timer", + "version-0.81-native-api/UnimplementedNativeViewComponentView", + "version-0.81-native-api/UnmountChildComponentViewArgs", + "version-0.81-native-api/UriBrushFactoryImageResponse", + "version-0.81-native-api/ViewComponentView", + "version-0.81-native-api/ViewControl", + "version-0.81-native-api/ViewPanel", + "version-0.81-native-api/ViewProps", + "version-0.81-native-api/WindowsModalHostComponentView", + "version-0.81-native-api/WindowsTextInputComponentView", + "version-0.81-native-api/XamlHelper", + "version-0.81-native-api/XamlMetaDataProvider", + "version-0.81-native-api/XamlUIService", + "version-0.81-native-api/YogaLayoutableShadowNode" + ], + "type": "subcategory" + }, + { + "label": "Delegates", + "ids": [ + "version-0.81-native-api/AccessibilityActionEventHandler", + "version-0.81-native-api/AccessibilityInvokeEventHandler", + "version-0.81-native-api/CallFunc", + "version-0.81-native-api/ComponentIslandComponentViewInitializer", + "version-0.81-native-api/ComponentViewInitializer", + "version-0.81-native-api/ConstantProviderDelegate", + "version-0.81-native-api/CreateInternalVisualDelegate", + "version-0.81-native-api/CreateVisualDelegate", + "version-0.81-native-api/EmitEventSetterDelegate", + "version-0.81-native-api/EventEmitterInitializerDelegate", + "version-0.81-native-api/HandleCommandDelegate", + "version-0.81-native-api/InitializerDelegate", + "version-0.81-native-api/InitialStateDataFactory", + "version-0.81-native-api/IVisualToMountChildrenIntoDelegate", + "version-0.81-native-api/JsiByteArrayUser", + "version-0.81-native-api/JsiHostFunction", + "version-0.81-native-api/JsiInitializerDelegate", + "version-0.81-native-api/JSValueArgWriter", + "version-0.81-native-api/LayoutHandler", + "version-0.81-native-api/LogHandler", + "version-0.81-native-api/MeasureContentHandler", + "version-0.81-native-api/MethodDelegate", + "version-0.81-native-api/MethodResultCallback", + "version-0.81-native-api/MountChildComponentViewDelegate", + "version-0.81-native-api/PortalComponentViewInitializer", + "version-0.81-native-api/ReactCreatePropertyValue", + "version-0.81-native-api/ReactDispatcherCallback", + "version-0.81-native-api/ReactModuleProvider", + "version-0.81-native-api/ReactNotificationHandler", + "version-0.81-native-api/ReactViewComponentProvider", + "version-0.81-native-api/ReactViewManagerProvider", + "version-0.81-native-api/StateUpdateMutation", + "version-0.81-native-api/SyncMethodDelegate", + "version-0.81-native-api/TimerFactory", + "version-0.81-native-api/UIBatchCompleteCallback", + "version-0.81-native-api/UnmountChildComponentViewDelegate", + "version-0.81-native-api/UpdateEventEmitterDelegate", + "version-0.81-native-api/UpdateFinalizerDelegate", + "version-0.81-native-api/UpdateLayoutMetricsDelegate", + "version-0.81-native-api/UpdatePropsDelegate", + "version-0.81-native-api/UpdateStateDelegate", + "version-0.81-native-api/UriBrushFactory", + "version-0.81-native-api/ViewComponentViewInitializer", + "version-0.81-native-api/ViewPropsFactory", + "version-0.81-native-api/ViewShadowNodeCloner", + "version-0.81-native-api/ViewShadowNodeFactory", + "version-0.81-native-api/VisualToMountChildrenIntoDelegate" + ], + "type": "subcategory" + }, + { + "label": "Enums", + "ids": [ + "version-0.81-native-api/AccessibilityRoles", + "version-0.81-native-api/AccessibilityStateCheckedValue", + "version-0.81-native-api/AccessibilityStates", + "version-0.81-native-api/AccessibilityValue", + "version-0.81-native-api/AnimationClass", + "version-0.81-native-api/AriaRole", + "version-0.81-native-api/BackfaceVisibility", + "version-0.81-native-api/BackNavigationHandlerKind", + "version-0.81-native-api/CanvasComposite", + "version-0.81-native-api/CanvasEdgeBehavior", + "version-0.81-native-api/ComponentViewFeatures", + "version-0.81-native-api/ComponentViewUpdateMask", + "version-0.81-native-api/CompositionStretch", + "version-0.81-native-api/EffectBorderMode", + "version-0.81-native-api/EffectOptimization", + "version-0.81-native-api/FocusNavigationDirection", + "version-0.81-native-api/FocusNavigationReason", + "version-0.81-native-api/ImageSourceType", + "version-0.81-native-api/JSIEngine", + "version-0.81-native-api/JsiErrorType", + "version-0.81-native-api/JsiValueKind", + "version-0.81-native-api/JSValueType", + "version-0.81-native-api/LayoutDirection", + "version-0.81-native-api/LoadingState", + "version-0.81-native-api/LogLevel", + "version-0.81-native-api/MethodReturnType", + "version-0.81-native-api/PointerDeviceType", + "version-0.81-native-api/PointerEventKind", + "version-0.81-native-api/PointerUpdateKind", + "version-0.81-native-api/RedBoxErrorType", + "version-0.81-native-api/ResourceType", + "version-0.81-native-api/ViewManagerPropertyType" + ], + "type": "subcategory" + }, + { + "label": "Interfaces", + "ids": [ + "version-0.81-native-api/CharacterReceivedRoutedEventArgs", + "version-0.81-native-api/IActivityVisual", + "version-0.81-native-api/IBrush", + "version-0.81-native-api/ICaretVisual", + "version-0.81-native-api/IComponentProps", + "version-0.81-native-api/IComponentState", + "version-0.81-native-api/ICompositionContext", + "version-0.81-native-api/ICustomResourceLoader", + "version-0.81-native-api/IDrawingSurfaceBrush", + "version-0.81-native-api/IDropShadow", + "version-0.81-native-api/IFocusVisual", + "version-0.81-native-api/IInternalColor", + "version-0.81-native-api/IInternalComponentView", + "version-0.81-native-api/IInternalCompositionRootView", + "version-0.81-native-api/IInternalCreateVisual", + "version-0.81-native-api/IInternalTheme", + "version-0.81-native-api/IJsiByteBuffer", + "version-0.81-native-api/IJsiHostObject", + "version-0.81-native-api/IJSValueReader", + "version-0.81-native-api/IJSValueWriter", + "version-0.81-native-api/IPointerPointTransform", + "version-0.81-native-api/IPortalStateData", + "version-0.81-native-api/IReactCompositionViewComponentBuilder", + "version-0.81-native-api/IReactCompositionViewComponentInternalBuilder", + "version-0.81-native-api/IReactContext", + "version-0.81-native-api/IReactDispatcher", + "version-0.81-native-api/IReactModuleBuilder", + "version-0.81-native-api/IReactNonAbiValue", + "version-0.81-native-api/IReactNotificationArgs", + "version-0.81-native-api/IReactNotificationService", + "version-0.81-native-api/IReactNotificationSubscription", + "version-0.81-native-api/IReactPackageBuilder", + "version-0.81-native-api/IReactPackageBuilderFabric", + "version-0.81-native-api/IReactPackageProvider", + "version-0.81-native-api/IReactPropertyBag", + "version-0.81-native-api/IReactPropertyName", + "version-0.81-native-api/IReactPropertyNamespace", + "version-0.81-native-api/IReactSettingsSnapshot", + "version-0.81-native-api/IReactViewComponentBuilder", + "version-0.81-native-api/IReactViewHost", + "version-0.81-native-api/IReactViewInstance", + "version-0.81-native-api/IRedBoxErrorFrameInfo", + "version-0.81-native-api/IRedBoxErrorInfo", + "version-0.81-native-api/IRedBoxHandler", + "version-0.81-native-api/IRoundedRectangleVisual", + "version-0.81-native-api/IScrollPositionChangedArgs", + "version-0.81-native-api/IScrollVisual", + "version-0.81-native-api/ISpriteVisual", + "version-0.81-native-api/ITimer", + "version-0.81-native-api/IUriImageProvider", + "version-0.81-native-api/IViewManager", + "version-0.81-native-api/IViewManagerCreateWithProperties", + "version-0.81-native-api/IViewManagerRequiresNativeLayout", + "version-0.81-native-api/IViewManagerWithChildren", + "version-0.81-native-api/IViewManagerWithCommands", + "version-0.81-native-api/IViewManagerWithDropViewInstance", + "version-0.81-native-api/IViewManagerWithExportedEventTypeConstants", + "version-0.81-native-api/IViewManagerWithExportedViewConstants", + "version-0.81-native-api/IViewManagerWithNativeProperties", + "version-0.81-native-api/IViewManagerWithOnLayout", + "version-0.81-native-api/IViewManagerWithPointerEvents", + "version-0.81-native-api/IViewManagerWithReactContext", + "version-0.81-native-api/IVisual", + "version-0.81-native-api/KeyboardSource", + "version-0.81-native-api/KeyRoutedEventArgs", + "version-0.81-native-api/RoutedEventArgs" + ], + "type": "subcategory" + }, + { + "label": "Structs", + "ids": [ + "version-0.81-native-api/AccessibilityAction", + "version-0.81-native-api/DesktopWindowMessage", + "version-0.81-native-api/JsiBigIntRef", + "version-0.81-native-api/JsiObjectRef", + "version-0.81-native-api/JsiPropertyIdRef", + "version-0.81-native-api/JsiScopeState", + "version-0.81-native-api/JsiStringRef", + "version-0.81-native-api/JsiSymbolRef", + "version-0.81-native-api/JsiValueRef", + "version-0.81-native-api/JsiWeakObjectRef", + "version-0.81-native-api/LayoutConstraints", + "version-0.81-native-api/LayoutMetrics" + ], + "type": "subcategory" + } + ] + } +} diff --git a/website/versions.json b/website/versions.json index 937fc9638..db95d9221 100644 --- a/website/versions.json +++ b/website/versions.json @@ -1,4 +1,5 @@ [ + "0.81", "0.80", "0.79", "0.78",