Skip to content

Commit c81ff0a

Browse files
committed
Merge branch 'main' into alvinashcraft/main-opinionated-ui-frameworks-compare
2 parents a4dc662 + d32fbcd commit c81ff0a

File tree

11 files changed

+40
-42
lines changed

11 files changed

+40
-42
lines changed

hub/apps/develop/ui-input/visual-tree.md

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22
title: "Choose the right visual tree viewer for your Windows app"
33
description: "This topic describes various visual tree viewers, also known as a UI visualizers, which are tools used to inspect and interact with UI components in a Windows app at run time."
44
ms.topic: product-comparison
5-
ms.date: 01/11/2024
6-
ms.localizationpriority: medium
5+
ms.date: 11/08/2024
76

87
#customer intent: As a developer, I want to test my app UI so that I can improve UX and debug issues.
98

@@ -23,7 +22,7 @@ The following table identifies several UI visualization tools and the UI framewo
2322
|-------------------------|------------------|-------------|------------------------|---------------------|
2423
|[WinUI](../../winui/winui3/index.md) in the [Windows App SDK](../../windows-app-sdk/index.md) |||||
2524
|[WPF](/dotnet/desktop/wpf/) |||||
26-
|[React Native for Windows](/windows/dev-environment/javascript/react-native-for-windows) |||||
25+
|[React Native for Desktop](/windows/dev-environment/javascript/react-native-for-windows) |||||
2726
|[.NET MAUI](/dotnet/maui/) |||||
2827
|[WinForms](/dotnet/desktop/winforms/) |||||
2928
|[WinUI 2](../../winui/winui2/index.md) for [UWP](/windows/uwp/) |||||
@@ -37,7 +36,7 @@ The Live Visual Tree and Live Property Explorer features ship with Visual Studio
3736

3837
#### When to use Live Visual Tree
3938

40-
Use these tools when building apps with [WinUI](../../winui/winui3/index.md) in the [Windows App SDK](../../windows-app-sdk/index.md), [WinUI 2](../../winui/winui2/index.md) for [UWP](/windows/uwp/), [WPF](/dotnet/desktop/wpf/), [.NET MAUI](/dotnet/maui/), [WinForms](/dotnet/desktop/winforms/), or [React Native for Windows](/windows/dev-environment/javascript/react-native-for-windows).
39+
Use these tools when building apps with [WinUI](../../winui/winui3/index.md) in the [Windows App SDK](../../windows-app-sdk/index.md), [WinUI 2](../../winui/winui2/index.md) for [UWP](/windows/uwp/), [WPF](/dotnet/desktop/wpf/), [.NET MAUI](/dotnet/maui/), [WinForms](/dotnet/desktop/winforms/), or [React Native for Desktop](/windows/dev-environment/javascript/react-native-for-windows).
4140

4241
- For more information on WinUI in the Windows App SDK, WinUI 2 for UWP, and WPF, see [Inspect XAML properties while debugging](/visualstudio/xaml-tools/inspect-xaml-properties-while-debugging).
4342
- For more information on .NET MAUI, see [Inspect the visual tree of a .NET MAUI app](/dotnet/maui/user-interface/live-visual-tree).
@@ -132,7 +131,7 @@ For Spy++ documentation, see [Spy++ Help](/visualstudio/debugger/spy-increment-h
132131

133132
#### When to use Accessibility Insights - Live Inspect
134133

135-
Live Inspect is typically used in conjunction with Live Visual Tree, Spy++, and other tools when building apps with [WinUI](../../winui/winui3/index.md) in the [Windows App SDK](../../windows-app-sdk/index.md), [WinUI 2](../../winui/winui2/index.md) for [UWP](/windows/uwp/), [WPF](/dotnet/desktop/wpf/), [.NET MAUI](/dotnet/maui/), [WinForms](/dotnet/desktop/winforms/), or [React Native for Windows](/windows/dev-environment/javascript/react-native-for-windows).
134+
Live Inspect is typically used in conjunction with Live Visual Tree, Spy++, and other tools when building apps with [WinUI](../../winui/winui3/index.md) in the [Windows App SDK](../../windows-app-sdk/index.md), [WinUI 2](../../winui/winui2/index.md) for [UWP](/windows/uwp/), [WPF](/dotnet/desktop/wpf/), [.NET MAUI](/dotnet/maui/), [WinForms](/dotnet/desktop/winforms/), or [React Native for Desktop](/windows/dev-environment/javascript/react-native-for-windows).
136135

137136
#### How to use Accessibility Insights - Live Inspect
138137

hub/apps/get-started/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,7 @@ For more information about building PWAs, see the following links:
187187

188188
There is a wide range of options for developing applications for Windows. The best option for you depends on your application requirements, your existing code, and your familiarity with the technology. The following table lists the most popular app development frameworks available on Windows and the features supported by each framework.
189189

190-
| Feature | .NET MAUI | Blazor Hybrid | React Native (RND) | UWP XAML (Windows.UI.Xaml) | Win32 (MFC or ATL) | Windows Forms | WinUI 3 | WPF |
190+
| Feature | .NET MAUI | Blazor Hybrid | React Native for Desktop | UWP XAML (Windows.UI.Xaml) | Win32 (MFC or ATL) | Windows Forms | WinUI 3 | WPF |
191191
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
192192
| **Language** | C# | C# | JavaScript, TypeScript | C#, C++, Visual Basic | C++, Rust | C#, Visual Basic | C#, C++ | C#, Visual Basic |
193193
| **UI language** | XAML/Code | Razor | JSX | XAML | Code | Code | XAML | XAML |
@@ -208,7 +208,7 @@ Learn more about each of these options:
208208

209209
- [.NET Multi-platform App UI (.NET MAUI)](/dotnet/maui/)
210210
- [ASP.NET Core Blazor Hybrid](/aspnet/core/blazor/hybrid)
211-
- [React Native for Desktop (RND)](/windows/dev-environment/javascript/react-native-for-windows)
211+
- [React Native for Desktop](/windows/dev-environment/javascript/react-native-for-windows)
212212
- [Universal Windows Platform (UWP)](/windows/uwp/)
213213
- [Recommendations for Choosing Between ATL and MFC](/cpp/atl/recommendations-for-choosing-between-atl-and-mfc)
214214
- [Windows Forms](/dotnet/desktop/winforms/)

hub/apps/get-started/windows-developer-faq.yml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ metadata:
33
description: The official Windows developer FAQ. Get answers to common questions about Windows application development and Windows App SDK.
44
title: Windows developer FAQ
55
ms.topic: faq
6-
ms.date: 08/19/2024
6+
ms.date: 11/08/2024
77
ms.localizationpriority: medium
88
ms.collection: windows11
99
audience: new-desktop-app-developers
@@ -22,7 +22,7 @@ sections:
2222
2323
- **If Windows App SDK / WinUI 3 don't meet your needs**, [WPF](/dotnet/desktop/wpf/overview/) might.
2424
- **If you're targeting cross-platform:** [React Native](https://aka.ms/reactnative) and [.NET MAUI](/dotnet/maui/what-is-maui) let you build cross-platform apps. .NET MAUI is a great choice for C# developers. React Native will feel familiar to JavaScript/TypeScript developers.
25-
- **If you're a web developer:** You can use [WebView2](/microsoft-edge/webview2/) as an application host. This lets you use web technology to build desktop apps that can access the Windows SDK and Windows App SDK APIs. You can also use React Native for Windows.
25+
- **If you're a web developer:** You can use [WebView2](/microsoft-edge/webview2/) as an application host. This lets you use web technology to build desktop apps that can access the Windows SDK and Windows App SDK APIs. You can also use React Native for Desktop.
2626
- **If you're a C++ developer:** For desktop apps, Windows App SDK / WinUI 3 are a great choice. If you're building a game, consider using [DirectX](/windows/win32/directx).
2727
- **If you're a Rust developer:** Check out [Rust for Windows](https://github.com/microsoft/windows-rs).
2828
@@ -139,7 +139,7 @@ sections:
139139
questions:
140140
- question: Can I start with WinUI 3 and App SDK, and later integrate .NET MAUI if I eventually want to target cross-platform scenarios?
141141
answer: |
142-
Not at this time. Although .NET MAUI apps use Windows App SDK / WinUI 3 when running on Windows, we recommend starting with .NET MAUI or React Native for Windows if you anticipate the need to target multiple platforms.
142+
Not at this time. Although .NET MAUI apps use Windows App SDK / WinUI 3 when running on Windows, we recommend starting with .NET MAUI or React Native for Desktop if you anticipate the need to target multiple platforms.
143143
- question: What should I use if I want to build apps that work on Windows and Xbox?
144144
answer: |
145145
If your app needs to support Xbox, HoloLens, or IoT, we recommend using UWP. Windows App SDK doesn't support these platforms. For game development, we recommend using [Microsoft Game Development Kit](https://github.com/microsoft/GDK).

hub/apps/publish/msstore-dev-cli/commands.md

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
---
22
description: How to run the Microsoft Store Developer CLI (preview) commands.
33
title: Microsoft Store Developer CLI (preview) Commands
4-
ms.date: 12/02/2022
4+
ms.date: 11/08/2024
55
ms.topic: article
6-
ms.localizationpriority: medium
76
zone_pivot_groups: msstoredevcli-installer-packaging
87
---
98

@@ -395,7 +394,7 @@ The `init` command helps you setup your application to publish to the Microsoft
395394
- .NET MAUI
396395
- Flutter
397396
- Electron
398-
- React Native for Windows
397+
- React Native for Desktop
399398
- PWA
400399

401400
### Init Command - Usage Examples
@@ -430,14 +429,14 @@ msstore init "C:\path\to\flutter_app"
430429
msstore init "C:\path\to\electron_app"
431430
```
432431

433-
#### Init Command - React Native for Windows
432+
#### Init Command - React Native for Desktop
434433

435434
```console
436435
msstore init "C:\path\to\react_native_app"
437436
```
438437

439438
> [!Note]
440-
> For Electron, as well as React Native for Windows projects, both `Npm` and `Yarn` are supported. The presence of the `Yarn` lock file (`yarn.lock`) will be used to determine which package manager to use, so make sure that you check in your lock file into your source control system.
439+
> For Electron, as well as React Native for Desktop projects, both `Npm` and `Yarn` are supported. The presence of the `Yarn` lock file (`yarn.lock`) will be used to determine which package manager to use, so make sure that you check in your lock file into your source control system.
441440
442441
#### Init Command - PWA
443442

@@ -500,7 +499,7 @@ msstore package "C:\path\to\flutter_app"
500499
msstore package "C:\path\to\electron_app"
501500
```
502501

503-
#### Package Command - React Native for Windows
502+
#### Package Command - React Native for Desktop
504503

505504
```console
506505
msstore package "C:\path\to\react_native_app"
@@ -562,7 +561,7 @@ msstore publish "C:\path\to\flutter_app"
562561
msstore publish "C:\path\to\electron_app"
563562
```
564563

565-
#### Publish Command - React Native for Windows
564+
#### Publish Command - React Native for Desktop
566565

567566
```console
568567
msstore publish "C:\path\to\react_native_app"

hub/apps/winui/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: WinUI
33
description: WinUI Libraries for Windows app development.
44
ms.topic: article
5-
ms.date: 07/19/2024
5+
ms.date: 11/08/2024
66
keywords: windows 10, windows 11, Windows App SDK, Windows app development platform, desktop development, win32, WinRT, uwp, toolkit sdk, winui
77
---
88

@@ -27,7 +27,7 @@ WinUI is a native user experience (UX) framework for both Windows desktop and UW
2727

2828
By incorporating the [Fluent Design System](https://fluent2.microsoft.design/) into all experiences, controls, and styles, WinUI provides consistent, intuitive, and accessible experiences using the latest user interface (UI) patterns.
2929

30-
With support for both desktop and UWP apps, you can build with WinUI from the ground up, or gradually migrate your existing MFC, WinForms, or WPF apps using familiar languages such as C++, C#, Visual Basic, and JavaScript (using [React Native for Windows](https://microsoft.github.io/react-native-windows/)).
30+
With support for both desktop and UWP apps, you can build with WinUI from the ground up, or gradually migrate your existing MFC, WinForms, or WPF apps using familiar languages such as C++, C#, Visual Basic, and JavaScript (using [React Native for Desktop](https://microsoft.github.io/react-native-windows/)).
3131

3232
> The WinUI libraries are hosted in the [WinUI GitHub repo](https://github.com/microsoft/microsoft-ui-xaml) where you can file feature requests or bugs, and interact with the WinUI where you can file feature requests or bugs, and interact with the WinUI team.
3333

hub/dev-environment/javascript/react-native-for-windows.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
---
2-
title: React Native for Windows desktop app development
3-
description: Install React Native for Windows and get started with Windows desktop app development using React Native components.
2+
title: React Native for Desktop desktop app development
3+
description: Install React Native for Desktop and get started with Windows desktop app development using React Native components.
44
ms.topic: article
5-
keywords: react native for windows, windows, react native, install react native on windows, install react native for windows, build a desktop app with react, create a windows app with react, react for desktop apps, npx react-native, react-native-windows-init
5+
keywords: React Native for Desktop, windows, react native, install react native on windows, install React Native for Desktop, build a desktop app with react, create a windows app with react, react for desktop apps, npx react-native, react-native-windows-init
66
ms.date: 03/30/2021
77
---
88

9-
# Get started build a desktop app with React Native for Windows
9+
# Get started build a desktop app with React Native for Desktop
1010

11-
[React Native for Windows](https://microsoft.github.io/react-native-windows) allows you to create a Universal Windows Platform (UWP) app using React.
11+
[React Native for Desktop](https://microsoft.github.io/react-native-windows) allows you to create a Universal Windows Platform (UWP) app using React.
1212

1313
## Overview of React Native
1414

@@ -18,11 +18,11 @@ For more general information about React, see the [React overview](./react-overv
1818

1919
## Prerequisites
2020

21-
The setup requirements for using React Native for Windows can be found on the [System Requirements](https://microsoft.github.io/react-native-windows/docs/rnw-dependencies) page. Ensure Developer Mode is turned ON in Windows Settings App.
21+
The setup requirements for using React Native for Desktop can be found on the [System Requirements](https://microsoft.github.io/react-native-windows/docs/rnw-dependencies) page. Ensure Developer Mode is turned ON in Windows Settings App.
2222

23-
## Install React Native for Windows
23+
## Install React Native for Desktop
2424

25-
You can create a Windows desktop app using React Native for Windows by following these steps.
25+
You can create a Windows desktop app using React Native for Desktop by following these steps.
2626

2727
1. Open a command line window (terminal) and navigate to the directory where you want to create your Windows desktop app project.
2828
2. You can use this command with the Node Package Executor (NPX) to create a React Native project without the need to install locally or globally install additional tools. The command will generate a React Native app in the directory specified by `<projectName>`.
@@ -36,7 +36,7 @@ You can create a Windows desktop app using React Native for Windows by following
3636
npx [email protected] init <projectName> --version X.XX.X
3737
```
3838
39-
4. Switch to the project directory and run the following command to install the React Native for Windows packages:
39+
4. Switch to the project directory and run the following command to install the React Native for Desktop packages:
4040
4141
```powershell
4242
cd projectName
@@ -90,7 +90,7 @@ You can create a Windows desktop app using React Native for Windows by following
9090
9191
## Additional resources
9292
93-
- [React Native for Windows docs](https://microsoft.github.io/react-native-windows/docs/getting-started)
93+
- [React Native for Desktop docs](https://microsoft.github.io/react-native-windows/docs/getting-started)
9494
- [React Native docs](https://reactnative.dev/docs/getting-started)
9595
- [React docs](https://reactjs.org/)
9696
- [Install NodeJS on Windows](./nodejs-on-windows.md)

hub/dev-environment/javascript/react-on-windows.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Install React on Windows
33
description: Install a React development environment on Windows.
44
ms.topic: article
5-
ms.date: 03/01/2024
5+
ms.date: 11/08/2024
66
---
77

88
# Install React directly on Windows
@@ -12,7 +12,7 @@ This guide will walk through installing React directly on Windows using the [vit
1212

1313
We recommend following these instructions if you are new to React and just interested in learning. If you are creating a single-page app (SPA) that you would like to use Bash commands or tools with and/or plan to deploy to a Linux server, we recommend that you [install with vite on Windows Subsystem for Linux (WSL)](./react-on-wsl.md).
1414

15-
For more general information about React, deciding between React (web apps), React Native (mobile apps), and React Native for Windows (desktop apps), see the [React overview](./react-overview.md).
15+
For more general information about React, deciding between React (web apps), React Native (mobile apps), and React Native for Desktop (desktop apps), see the [React overview](./react-overview.md).
1616

1717
## Create your React app
1818

@@ -41,7 +41,7 @@ To install Create React App:
4141
- [Vite](https://vitejs.dev/)
4242
- [Install Next.js](./nextjs-on-wsl.md)
4343
- [Install Gatsby](./gatsby-on-wsl.md)
44-
- [Install React Native for Windows](https://microsoft.github.io/react-native-windows/docs/getting-started)
44+
- [Install React Native for Desktop](https://microsoft.github.io/react-native-windows/docs/getting-started)
4545
- [Install NodeJS on Windows](./nodejs-on-windows.md)
4646
- [Install NodeJS on WSL](./nodejs-on-wsl.md)
4747
- Try the tutorial: [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)

hub/dev-environment/javascript/react-on-wsl.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ This guide will walk through installing React on a Linux distribution (ie. Ubunt
1212

1313
We recommend following these instructions if you are creating a single-page app (SPA) that you would like to use Bash commands or tools with and/or plan to deploy to a Linux server or use Docker containers. If you are brand new to React and just interested in learning, you may want to consider [installing with vite directly on Windows](./react-on-windows.md).
1414

15-
For more general information about React, deciding between React (web apps), React Native (mobile apps), and React Native for Windows (desktop apps), see the [React overview](./react-overview.md).
15+
For more general information about React, deciding between React (web apps), React Native (mobile apps), and React Native for Desktop (desktop apps), see the [React overview](./react-overview.md).
1616

1717
## Prerequisites
1818

@@ -52,7 +52,7 @@ To install the full React toolchain on WSL, we recommend using vite.
5252
- [Vite](https://vitejs.dev/)
5353
- [Install Next.js](./nextjs-on-wsl.md)
5454
- [Install Gatsby](./gatsby-on-wsl.md)
55-
- [Install React Native for Windows](https://microsoft.github.io/react-native-windows/docs/getting-started)
55+
- [Install React Native for Desktop](https://microsoft.github.io/react-native-windows/docs/getting-started)
5656
- [Install NodeJS on Windows](./nodejs-on-windows.md)
5757
- [Install NodeJS on WSL](./nodejs-on-wsl.md)
5858
- Try the tutorial: [Using React in Visual Studio Code](https://code.visualstudio.com/docs/nodejs/reactjs-tutorial)

0 commit comments

Comments
 (0)