-->
-->![Windows 10 app development reactxp on mac pro Windows 10 app development reactxp on mac pro](/uploads/1/2/6/4/126461090/548852684.png)
![Windows Windows](/uploads/1/2/6/4/126461090/127315237.jpg)
I have Create-react-app version 1.4.3 instlalled. When I try to create a new App, I get the following messages in the command prompt. Please help me find and fix the issue. Jan 09, 2019 This video tutorial walks user through setting up a development environment for React Native (using Expo) on Windows 10 (but it should pretty much work on Mac and Linux, as well). The tutorial. ReactXP is a library for cross-platform app development using React and React Native. With React and React Native, your web app can share most of its logic with your iOS and Android apps, but the view layer needs to be implemented separately for each platform.
If you've been following the React Native ecosystem, or if you investigated for React Native Desktop solutions, you already stumbled into this exceptional fork. React Native Desktop (for OS X) is already incredibly successfull, mostly because potomushto is doing a constant and impressive work of keeping its project aligned to. The desktop app is a native client for Mac and Windows with the full functionality of Yammer. Along with streamlined log in and SSO support, the app integrates with native operating system capabilities such as notifications, shortcuts, and launch on startup. System and User Account Requirements. Windows 7 or later. Mac OS 10.9 or later.
This article provides the info you need to get started building desktop apps for Windows or updating existing desktop apps to adopt the latest experiences in Windows 10.
Platforms for desktop apps
There are four main platforms for building desktop apps for Windows PCs. Each platform provides an app model that defines the lifecycle of the app, a complete set of UI controls, and access to a comprehensive set of managed or native APIs for using Windows features.
The following table introduces the platforms. For an in-depth comparison of these platforms along with additional resources for each platform, see Choose your app platform.
Platform | Description | Docs and resources |
---|---|---|
Universal Windows Platform (UWP) | The leading-edge platform for Windows 10 apps and games. You can build UWP apps that exclusively use UWP controls and APIs, or you can use UWP controls and APIs in desktop apps that are built using one of the other platforms. | Get started API reference Samples |
Win32 | The platform of choice for native C/C++ Windows apps that require direct access to Windows and hardware. | Get started API reference Samples |
WPF | The established .NET-based platform for graphically-rich managed Windows apps with a XAML UI model. These apps can target .NET Core 3 or the full .NET Framework. | Get started API reference (.NET) Samples |
Windows Forms | A .NET-based platform that is designed for managed line-of-business apps with a lightweight UI model. These apps can target .NET Core 3 or the full .NET Framework. | Get started API reference (.NET) |
Note
All of these application platforms provide a complete UI framework and set of UI controls that let you create desktop apps like Word, Excel, and Photoshop that run in the classic Windows desktop and take full advantage of that environment's specific features. On Windows 10, each these platforms also support using the Windows UI (WinUI) Library to create their user interfaces. For more information about WinUI for desktop apps, see this section.
Update existing desktop apps for Windows 10
If you have an existing WPF, Windows Forms, or native Win32 desktop app, Windows 10 and the Universal Windows Platform (UWP) offer many features you can use to deliver a modern experience in your app. Most of these features are available as modular components that you can adopt in your app at your own pace without having to rewrite your app for a different platform.
Here are just a few of the features available to enhance your existing desktop apps:
- Use MSIX to package and deploy your desktop apps. MSIX is a modern Windows app package format that provides a universal packaging experience for all Windows apps. MSIX brings together the best aspects of MSI, .appx, App-V and ClickOnce installation technologies and is built to be safe, secure, and reliable.
- Integrate your desktop app with Windows 10 experiences by using package extensions. For example, point Start tiles to your app, make your app a share target, or send toast notifications from your app.
- Use XAML Islands to host UWP XAML controls in your desktop app. Many of the latest Windows 10 UI features are only available to UWP XAML controls.
For more information, see these articles.
Article | Description |
---|---|
Modernize desktop apps | Describes the latest Windows 10 and UWP development features you can use in any desktop app, including WPF, Windows Forms, and C++ Win32 apps. |
Tutorial: Modernize a WPF app | Follow step-by-step instructions to modernize an existing WPF line-of-business sample app by adding UWP Ink and calendar controls to the app and packaging it in an MSIX package. |
Create new desktop apps
If you are creating a new desktop app for Windows, here are some resources to help get you started.
Article | Description |
---|---|
Choose your app platform | Provides an in-depth comparison of the main desktop app platforms and can help you choose the right platform for your needs. This article also provides useful links to docs for each platform. |
Modernize desktop apps | Describes the latest Windows 10 and UWP development features you can use in any desktop app, including WPF, Windows Forms, and C++ Win32 apps. |
Features and technologies | Provides an overview of Windows features that are accessible via each of the main desktop app platforms and links to the related docs. |
Related documentation and technologies
Resource | Description |
---|---|
.NET Core 3.0 | Learn about the latest features of .NET Core 3.0, including enhancements for WPF and Windows Forms apps. |
Desktop guide for WPF and .NET Core 3.0 | Develop WPF apps that target .NET Core 3.0 instead of the full .NET Framework. |
Azure | Extend the reach of your apps with Azure cloud services. |
Visual Studio | Learn how to use Visual Studio to develop apps and services. |
MSIX | Package and deploy any Windows app in a modern and universal packaging format. |
Windows AI | Use Windows AI to build intelligent solutions for complex problems in your apps. |
Windows Containers | Package your applications with their dependencies in fast, fully isolated Windows environments. |
Progressive Web Apps | Convert your web apps into Progressive Web Apps that can be distributed and run as UWP apps on Windows 10. |
Xamarin | Build cross-platform apps for Windows, Android, iOS, and macOS using .NET code and platform-specific user interfaces. |
Docs archive for Windows 8.x and earlier | Access archived documentation about building apps for Windows 8.x and earlier versions. |
Activate Developer Mode, sideload apps and access other developer features
If you are using your computer for ordinary day-to-day activities such as games, web browsing, email or Office apps, you do not need to activate Developer Mode and in fact, you shouldn't activate it. The rest of the information on this page won't matter to you, and you can safely get back to whatever it is you were doing. Thanks for stopping by!
However, if you are writing software with Visual Studio on a computer for first time, you will need to enable Developer Mode on both the development PC, and on any devices you'll use to test your code. Opening a UWP project when Developer Mode is not enabled will either open the For developers settings page, or cause this dialog to appear in Visual Studio:
When you see this dialog, click settings for developers to open the For developers settings page.
Note
You can go to the For developers page at any time to enable or disable Developer Mode: simply enter 'for developers' into the Cortana search box in the taskbar.
Accessing settings for Developers
To enable Developer mode, or access other settings:
- From the For developers settings dialog, choose the level of access that you need.
- Read the disclaimer for the setting you chose, then click Yes to accept the change.
Note
Enabling Developer mode requires administrator access. If your device is owned by an organization, this option might be disabled.
Developer Mode
Developer Mode replaces the Windows 8.1 requirements for a developer license. In addition to sideloading, the Developer Mode setting enables debugging and additional deployment options. This includes starting an SSH service to allow this device to be deployed to. In order to stop this service, you have to disable Developer Mode.
When you enable Developer Mode on desktop, a package of features is installed that includes:
- Windows Device Portal. Device Portal is enabled and firewall rules are configured for it only when the Enable Device Portal option is turned on.
- Installs, and configures firewall rules for SSH services that allow remote installation of apps. Enabling Device Discovery will turn on the SSH server.
Additional Developer Mode features
For each device family, additional developer features might be available. These features are available only when Developer Mode is enabled on the device, and might vary depending on your OS version.
This image shows developer features for Windows 10:
![Windows 10 app development reactxp on mac pro Windows 10 app development reactxp on mac pro](/uploads/1/2/6/4/126461090/548852684.png)
Device Portal
To learn more about Device Portal, see Windows Device Portal overview.
For device specific setup instructions, see:
If you encounter problems enabling Developer Mode or Device Portal, see the Known Issues forum to find workarounds for these issues, or visit Failure to install the Developer Mode package for additional details and which WSUS KBs to allow in order to unblock the Developer Mode package.
Sideload apps
Note
As of the latest Windows 10 update, sideloading is enabled by default. Now, you can deploy a signed MSIX package onto a device without a special configuration. If you are on a previous version of Windows 10, your default settlings will only permit you to run apps from the Microsoft Store, and you must enable Sideloading to install apps from non-Microsoft sources.
The Sideload apps setting is typically used by companies or schools that need to install custom apps on managed devices without going through the Microsoft Store, or anyone else who needs to run apps from non-Microsoft sources. In this case, it's common for the organization to enforce a policy that disables the UWP apps setting, as shown previously in the image of the settings page. The organization also provides the required certificate and install location to sideload apps. For more info, see the TechNet articles Sideload apps in Windows 10 and Microsoft Intune fundamentals.
Device family specific info
- On the desktop device family: You can install an app package (.appx) and any certificate that is needed to run the app by running the Windows PowerShell script that is created with the package ('Add-AppDevPackage.ps1'). For more info, see Packaging UWP apps.
- On the mobile device family: If the required certificate is already installed, you can tap the file to install any .appx sent to you via email or on an SD card.
Sideload apps is a more secure option than Developer Mode because you cannot install apps on the device without a trusted certificate.
Note
If you sideload apps, you should still only install apps from trusted sources. When you install a sideloaded app that has not been certified by the Microsoft Store, you are agreeing that you have obtained all rights necessary to sideload the app and that you are solely responsible for any harm that results from installing and running the app. See the Windows > Microsoft Store section of this privacy statement.
SSH
SSH services are enabled when you enable Device Discovery on your device. This is used when your device is a remote deployment target for UWP applications. The names of the services are 'SSH Server Broker' and 'SSH Server Proxy'.
Note
This is not Microsoft's OpenSSH implementation, which you can find on GitHub.
In order to take advantage of the SSH services, you can enable device discovery to allow pin pairing. If you intend to run another SSH service, you can set this up on a different port or turn off the Developer Mode SSH services. To turn off the SSH services, turn off Device Discovery.
SSH login is done via the 'DevToolsUser' account, which accepts a password for authentication. This password is the PIN displayed on the device after pressing the device discovery 'Pair' button, and is only valid while the PIN is displayed. An SFTP subsystem is also enabled, for manual management of the DevelopmentFiles folder where loose file deployments are installed from Visual Studio.
Caveats for SSH usage
The existing SSH server used in Windows is not yet protocol compliant, so using an SFTP or SSH client may require special configuration. In particular, the SFTP subsystem runs at version 3 or less, so any connecting client should be configured to expect an old server. The SSH server on older devices uses
ssh-dss
for public key authentication, which OpenSSH has deprecated. To connect to such devices the SSH client must be manually configured to accept ssh-dss
.Device Discovery
When you enable device discovery, you are allowing your device to be visible to other devices on the network through mDNS. This feature also allows you to get the SSH PIN for pairing to this device by pressing the 'Pair' button exposed once device discovery is enabled. This PIN prompt must be displayed on the screen in order to complete your first Visual Studio deployment targeting the device.
You should enable device discovery only if you intend to make the device a deployment target. For example, if you use Device Portal to deploy an app to a phone for testing, you need to enable device discovery on the phone, but not on your development PC.
Optimizations for Windows Explorer, Remote Desktop, and PowerShell (Desktop only)
On the desktop device family, the For developers settings page has shortcuts to settings that you can use to optimize your PC for development tasks. For each setting, you can select the checkbox and click Apply, or click the Show settings link to open the settings page for that option.
Notes
In early versions of Windows 10 Mobile, a Crash Dumps option was present in the Developer Settings menu. This has been moved to Device Portal so that it can be used remotely rather than just over USB.
There are several tools you can use to deploy an app from a Windows 10 PC to a Windows 10 device. Both devices must be connected to the same subnet of the network by a wired or wireless connection, or they must be connected by USB. Both of the ways listed install only the app package (.appx/.appxbundle); they do not install certificates.
- Use the Windows 10 Application Deployment (WinAppDeployCmd) tool. Learn more about the WinAppDeployCmd tool.
- You can use Device Portal to deploy from your browser to a mobile device running Windows 10, Version 1511 or later. Use the Apps page in Device Portal to upload an app package (.appx) and install it on the device.
Failure to install Developer Mode package
Sometimes, due to network or administrative issues, Developer Mode won't install correctly. The Developer Mode package is required for remote deployment to this PC -- using Device Portal from a browser or Device Discovery to enable SSH -- but not for local development. Even if you encounter these issues, you can still deploy your app locally using Visual Studio, or from this device to another device.
See the Known Issues forum to find workarounds to these issues and more.
![Windows Windows](/uploads/1/2/6/4/126461090/127315237.jpg)
Note
If Developer Mode doesn't install correctly, we encourage you to file a feedback request. In the Feedback Hub app, select Add new feedback, and choose the Developer Platform category and the Developer Mode subcategory. Submitting feedback will help Microsoft resolve the issue you encountered.
Failed to locate the package
'Developer Mode package couldn’t be located in Windows Update. Error Code 0x80004005 Learn more'
This error may occur due to a network connectivity problem, Enterprise settings, or the package may be missing.
To fix this issue:
- Ensure your computer is connected to the Internet.
- If you are on a domain-joined computer, speak to your network administrator. The Developer Mode package, like all Features on Demand, is blocked by default in WSUS.2.1. In order to unblock the Developer Mode package in the current and previous releases, the following KBs should be allowed in WSUS: 4016509, 3180030, 3197985
- Check for Windows updates in the Settings > Updates and Security > Windows Updates.
- Verify that the Windows Developer Mode package is present in Settings > System > Apps & Features > Manage optional features > Add a feature. If it is missing, Windows cannot find the correct package for your computer.
After doing any of the above steps, disable and then re-enable Developer Mode to verify the fix.
Failed to install the package
'Developer Mode package failed to install. Error code 0x80004005 Learn more'
This error may occur due to incompatibilities between your build of Windows and the Developer Mode package.
To fix this issue:
- Check for Windows updates in the Settings > Updates and Security > Windows Updates.
- Reboot your computer to ensure all updates are applied.
Use group policies or registry keys to enable a device
For most developers, you want to use the settings app to enable your device for debugging. In certain scenarios, such as automated tests, you can use other ways to enable your Windows 10 desktop device for development. Note that these steps will not enable the SSH server or allow the device to be targeted for remote deployment and debugging.
You can use gpedit.msc to set the group policies to enable your device, unless you have Windows 10 Home. If you do have Windows 10 Home, you need to use regedit or PowerShell commands to set the registry keys directly to enable your device.
Use gpedit to enable your device
- Run Gpedit.msc.
- Go to Local Computer Policy > Computer Configuration > Administrative Templates > Windows Components > App Package Deployment
- To enable sideloading, edit the policies to enable:
- Allow all trusted apps to install
ORTo enable developer mode, edit the policies to enable both:- Allow all trusted apps to install
- Allows development of UWP apps and installing them from an integrated development environment (IDE)
- Reboot your machine.
Use regedit to enable your device
- Run regedit.
- To enable sideloading, set the value of this DWORD to 1:
HKLMSOFTWAREMicrosoftWindowsCurrentVersionAppModelUnlockAllowAllTrustedApps
ORTo enable developer mode, set the values of this DWORD to 1:HKLMSOFTWAREMicrosoftWindowsCurrentVersionAppModelUnlockAllowDevelopmentWithoutDevLicense
Use PowerShell to enable your device
- Run PowerShell with administrator privileges.
- To enable sideloading, run this command:ORTo enable developer mode, run this command:
Upgrade your device from Windows 8.1 to Windows 10
When you create or sideload apps on your Windows 8.1 device, you have to install a developer license. If you upgrade your device from Windows 8.1 to Windows 10, this information remains. Run the following command to remove this information from your upgraded Windows 10 device. This step is not required if you upgrade directly from Windows 8.1 to Windows 10, Version 1511 or later.
To unregister a developer license
- Run PowerShell with administrator privileges.
- Run this command:
unregister-windowsdeveloperlicense
.
After this you need to enable your device for development as described in this topic so that you can continue to develop on this device. If you don't do that, you might get an error when you debug your app, or you try to create a package for it. Here is an example of this error:
Windows 10 App Development Reactxp On Mac Computer
Error : DEP0700 : Registration of the app failed.
See Also
Windows 10 App Development Reactxp On Mac Pro
- Publishing your UWP app.