I was looking into diagramming libraries and decided to see the latest on React Native.

THIS IS A WORK IN PROGRESS

Specifications / Dependencies

The following is intended to capture the versions used during this demo. It doesn’t mean that other versions will not work, but there is potential for complications (or cleaner install) with other versions.

• Windows 11 Home Version 21H2

• Visual Studio 2022, Visual Studio 2019 Community

• react-native@^0.67.0

Installing

https://microsoft.github.io/react-native-windows/docs/getting-started

So far, the Microsoft tutorial is pretty easy. The gotchas so far:

• Universal Windows Platform (UWP) needed to be installed. (See https://github.com/microsoft/react-native-windows/issues/3263)

• I still had build issues; Seems like the referenced SDK version is a dependency.

  • Error MSB8036 The Windows SDK version 10.0.17134.0 (or later) was not found. Install the required version of Windows SDK or change the SDK version in the project property pages or by right-clicking the solution and selecting “Retarget solution”.

  • It seems like VS2022 isn’t quite supported yet? … Installing VS2019 community for now to see.

  • I created a new project following VS2019 install completion.

  • The direct command still failed (npx react-native run-windows)

  • I reran the following (npx react-native autolink-windows) and opened the sln in VS2019… It has been building for the past hour?.

  • The build finished successfully this time.

• I’m not sure why this takes so long to build… I switched to debug build for x64 and build is again taking forever.

First Build

After a considerable amount of time, it built successfully. However, I received an error within the app with the default templating. It turns out I need to read the instructions… call ‘npm start’ from the command line before hitting run debug in Visual Studio.

Once I figured out the prior problem, here is the default screen presented.