You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: hub/apps/develop/ui-input/visual-tree.md
+4-5Lines changed: 4 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,8 +2,7 @@
2
2
title: "Choose the right visual tree viewer for your Windows app"
3
3
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."
4
4
ms.topic: product-comparison
5
-
ms.date: 01/11/2024
6
-
ms.localizationpriority: medium
5
+
ms.date: 11/08/2024
7
6
8
7
#customer intent: As a developer, I want to test my app UI so that I can improve UX and debug issues.
9
8
@@ -23,7 +22,7 @@ The following table identifies several UI visualization tools and the UI framewo
@@ -37,7 +36,7 @@ The Live Visual Tree and Live Property Explorer features ship with Visual Studio
37
36
38
37
#### When to use Live Visual Tree
39
38
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).
41
40
42
41
- 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).
43
42
- 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
132
131
133
132
#### When to use Accessibility Insights - Live Inspect
134
133
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).
136
135
137
136
#### How to use Accessibility Insights - Live Inspect
Copy file name to clipboardExpand all lines: hub/apps/get-started/index.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -97,9 +97,9 @@ You will not have access to the APIs provided by the **Windows App SDK** or .NET
97
97
98
98
## Cross-platform options
99
99
100
-
If you need your app to be cross-platform, consider [.NET MAUI](/dotnet/maui/what-is-maui), a [Progressive Web App (PWA)](/microsoft-edge/progressive-web-apps-chromium/), or [React Native for Windows](../../dev-environment/javascript/react-native-for-windows.md). There are many other choices available ([here's a list of popular options](../../dev-environment/index.md)), but these are some good starting points.
100
+
If you need your app to be cross-platform, consider [.NET MAUI](/dotnet/maui/what-is-maui), a [Progressive Web App (PWA)](/microsoft-edge/progressive-web-apps-chromium/), or [React Native for Desktop](../../dev-environment/javascript/react-native-for-windows.md). There are many other choices available ([here's a list of popular options](../../dev-environment/index.md)), but these are some good starting points.
101
101
102
-
.NET MAUI harnesses the power of WinUI on Windows, while also enabling execution on other operating systems. React Native for Windows lets you write apps that run on all devices supported by Windows 10 and Windows 11 (not just PCs). Another cross-platform option, Progressive Web Apps (PWAs), are websites that function like installed, native apps on Windows and other supported platforms, while functioning like regular websites on browsers.
102
+
.NET MAUI harnesses the power of WinUI on Windows, while also enabling execution on other operating systems. React Native for Desktop lets you write apps that run on all devices supported by Windows 10 and Windows 11 (not just PCs). Another cross-platform option, Progressive Web Apps (PWAs), are websites that function like installed, native apps on Windows and other supported platforms, while functioning like regular websites on browsers.
103
103
104
104
For more information, see the following tabs.
105
105
@@ -151,30 +151,30 @@ For more information about building PWAs, see the following links:
151
151
-[Progressive Web App demos](/microsoft-edge/progressive-web-apps-chromium/demo-pwas)
152
152
-[PWABuilder - Helping developers build and publish PWAs](https://www.pwabuilder.com/)
153
153
154
-
### [React Native for Windows](#tab/rnw)
154
+
### [React Native for Desktop](#tab/rnw)
155
155
156
156
[React Native](https://reactnative.dev) is a development platform which allows building cross-platform apps.
157
-
React Native for Windows brings React Native support to the Windows 10 and Windows 11 SDKs, letting you use JavaScript to build native Windows apps for all devices supported by Windows 10 and Windows 11. This includes PCs, tablets, 2-in-1s, Xbox, Mixed Reality devices, etc.
157
+
React Native for Desktop brings React Native support to the Windows 10 and Windows 11 SDKs, letting you use JavaScript to build native Windows apps for all devices supported by Windows 10 and Windows 11. This includes PCs, tablets, 2-in-1s, Xbox, Mixed Reality devices, etc.
158
158
159
-
With React Native for Windows, you write most or all of your app code in JavaScript - or TypeScript - and the framework produces a native UWP XAML application. If your app needs to call a platform API, you can usually do so through one of the many [community modules](https://reactnative.directory), or if a module does not yet exist, you can easily [write a native module to expose it](https://aka.ms/RNW-NativeModules).
159
+
With React Native for Desktop, you write most or all of your app code in JavaScript - or TypeScript - and the framework produces a native UWP XAML application. If your app needs to call a platform API, you can usually do so through one of the many [community modules](https://reactnative.directory), or if a module does not yet exist, you can easily [write a native module to expose it](https://aka.ms/RNW-NativeModules).
160
160
161
-
Here are some reasons to choose React Native for Windows:
161
+
Here are some reasons to choose React Native for Desktop:
162
162
163
163
- You want to share code across platforms as much as possible, or you have web properties that you want to share code with.
164
164
- Improved developer productivity and inner loop, thanks to fast refresh.
165
165
- Your app's fundamentals (performance, accessibility, internationalization) are as good as a native UWP app.
166
166
- You have experience with and a preference for JavaScript or TypeScript
167
167
- You would like to leverage JavaScript-only libraries on [npmjs.com](https://www.npmjs.com/), and many native libraries too.
168
-
- Your app will use the native controls, visual appearance, animations and colors, and therefore will feel integrated into the design language used in Windows. In addition, React Native for Windows apps do not have to compromise on the set of APIs they can call, as the framework allows you to call platform APIs as well as write your own view managers and native modules.
168
+
- Your app will use the native controls, visual appearance, animations and colors, and therefore will feel integrated into the design language used in Windows. In addition, React Native for Desktop apps do not have to compromise on the set of APIs they can call, as the framework allows you to call platform APIs as well as write your own view managers and native modules.
169
169
- Large and growing community momentum, with lots of [community modules](https://reactnative.directory).
170
170
171
171
> [!div class="button"]
172
-
> [Get started with React Native for Windows](https://aka.ms/ReactNativeGuideWindows)
172
+
> [Get started with React Native for Desktop](https://aka.ms/ReactNativeGuideWindows)
173
173
174
-
For more information about React Native for Windows, see the following links:
174
+
For more information about React Native for Desktop, see the following links:
175
175
176
-
-[React Native for Windows repo on GitHub](https://github.com/microsoft/react-native-windows)
177
-
-[Native modules in React Native for Windows](https://aka.ms/RNW-NativeModules)
176
+
-[React Native for Desktop repo on GitHub](https://github.com/microsoft/react-native-windows)
177
+
-[Native modules in React Native for Desktop](https://aka.ms/RNW-NativeModules)
Copy file name to clipboardExpand all lines: hub/apps/get-started/windows-developer-faq.yml
+3-3Lines changed: 3 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@ metadata:
3
3
description: The official Windows developer FAQ. Get answers to common questions about Windows application development and Windows App SDK.
4
4
title: Windows developer FAQ
5
5
ms.topic: faq
6
-
ms.date: 08/19/2024
6
+
ms.date: 11/08/2024
7
7
ms.localizationpriority: medium
8
8
ms.collection: windows11
9
9
audience: new-desktop-app-developers
@@ -22,7 +22,7 @@ sections:
22
22
23
23
- **If Windows App SDK / WinUI 3 don't meet your needs**, [WPF](/dotnet/desktop/wpf/overview/) might.
24
24
- **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.
26
26
- **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).
27
27
- **If you're a Rust developer:** Check out [Rust for Windows](https://github.com/microsoft/windows-rs).
28
28
@@ -139,7 +139,7 @@ sections:
139
139
questions:
140
140
- question: Can I start with WinUI 3 and App SDK, and later integrate .NET MAUI if I eventually want to target cross-platform scenarios?
141
141
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.
143
143
- question: What should I use if I want to build apps that work on Windows and Xbox?
144
144
answer: |
145
145
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).
> 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.
Copy file name to clipboardExpand all lines: hub/apps/winui/index.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
title: WinUI
3
3
description: WinUI Libraries for Windows app development.
4
4
ms.topic: article
5
-
ms.date: 07/19/2024
5
+
ms.date: 11/08/2024
6
6
keywords: windows 10, windows 11, Windows App SDK, Windows app development platform, desktop development, win32, WinRT, uwp, toolkit sdk, winui
7
7
---
8
8
@@ -27,7 +27,7 @@ WinUI is a native user experience (UX) framework for both Windows desktop and UW
27
27
28
28
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.
29
29
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/)).
31
31
32
32
> 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.
0 commit comments