This doc is a work in progress! Check back for updates.
Before submitting a PR to React Native Windows, make sure the unit tests pass locally in Visual Studio.
- Open ReactNative solution file (react-native-windows\ReactWindows\ReactNative.sln)
- Set the Solution Configuration to "Debug" and the Solution Platforms to "x86"
- In the top toolbar, click "Test"
- Select "Run"
- Select "All Tests"
The build tools for v140 (Platform Toolset = 'v140') cannot be found. To build using the v140 build tools, please install v140 build tools. Alternatively, you may upgrade to the current Visual Studio tools by selecting the Project menu or right-click the solution, and then selecting "Retarget solution".
Retarget the solution to v141:
- Right click the ReactNative solution and click "Retarget Solution"
- Make sure the Platform Toolset has Upgrade to v141 selected, and click "OK."
RNTester is a React Native Windows app that demonstrates the implemented views and modules of React Native Windows.
You can use it to test your changes to React Native Windows by making sure your changes haven't broken the views and modules.
Before starting make sure you have run npm install
in the react-native-windows directory. Additionally, make sure the RNTester submodule is up to date by running git pull --recurse-submodules
from the react-native-windows directory.
Use Visual Studio 2017 or higher, with the Windows 10 SDK 10.0.14393 or higher.
- Open the RNTester solution file (react-native-windows\RNTester\RNTester.sln) in Visual Studio
- Set RNTesterApp as the StartUp project
- Set the Solution Configuration to "Debug" and the Solution Platforms to "x86"
- Run the project on the local machine by clicking the run button or by pressing F5
A Windows app will open, and it may have a red box dialog stating Unable to download JS bundle. Did you forget to start the development server or connect your device?
We still need to start the dev server!
- In your command line, make sure that you are in the react-native-windows directory and run then
react-native start
- Reload the bundle in the app by clicking "Reload JavaScript" or by pressing Ctrl+R
The packager server will bundle the application JavaScript, and you can now use RNTester to test your changes to the repository.