Building React-Native-Windows
- Make sure you have installed all of the development dependencies
- Install Git if you don't have it installed in your development machine
Build Steps
Clone the repo
git clone https://github.com/microsoft/react-native-windows.git cd react-native-windows
Install dependencies, and run JS build steps
yarn yarn build
Running the Playground app
There are two ways to run the app. In a fully managed easy way, or by manually running all the required steps:
Automatic
The playground app can be run in a completely automatic way by using npx react-native run-windows
.
cd packages\playground
npx react-native run-windows
Manual
Run the bundle server:
cd packages\playground
yarn start
Build solution
Using MSBuild
MSBuild.exe [/p:Platform=$(TargetPlatform)] [/p:Configuration=$(TargetConfiguration)]
Using Visual Studio IDE
- Open
Playground.sln
. - Set your
Platform
tox86
orx64
andConfiguration
toDebug
. - Select
Project / Build Solution (Ctrl+Shift+B)
- Open
Ensure debugger is running
Open Chrome and navigate to http://localhost:8081/debugger-ui/
in a new tab. Press F12
or Ctrl+Shift+I
in Chrome to open its Developer Tools.
Run the app
In Visual Studio, set Playground as the StartUp Project.
Run project (
F5
orDebug / Start Debugging
).
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.
Load a sample bundle
- Press the "Load" button on the left side of the Windows 10 application window that appears.
The selected React Native component (defaulted to Bootstrap
) should get loaded in the bottom of the application window
Try out the various samples by selecting from the comboboxes at the top of the application window and pressing "Load".