Build and debug React Native iOS apps on Windows

Set up React Native

Install Node.js as described on the React Native website. Open a new terminal and check that this prints a version.

Create a project

To use an existing project, open its root folder in VS Code with File > Open Folder…, or drag the folder into VS Code. Otherwise, create one.

Use either of these

• VS Code extension

  Run KXBuild: New Project from the Command Palette and pick the "React Native App" template.

• Command line

  Keep the parent path short, because the dependency folders nest deeply.

  > kxbuild project create -t react_native_app -n rnhello -o D:\work

  Copy

Run doctor

Do this first whenever you open a project for the first time. Doctor checks your React Native setup and prepares the iOS project.

Use either of these

• VS Code extension

  In the title bar of the KXBuild view, open the ··· menu and run Doctor (fix environment).

• Command line
  > kxbuild doctor D:\work\rnhello

  Copy

After doctor, install the native dependencies in the ios folder. See CocoaPods.

Write code

Write JS and TypeScript in VS Code as usual, and Metro reloads when you save. KXBuild provides completion and go to definition for the native code under ios/.

Debug

In a second terminal, run npx react-native start in the project folder. Then select your device and press F5. Debug native breakpoints in VS Code and JS breakpoints in the Metro / Hermes debugger. The two work independently.

Release

Build with the Release configuration. The JS is bundled into the app, and the .ipa is written to the ios folder. To upload it to App Store Connect, see Release and App Store submission.

Use either of these

• VS Code extension

  Switch the configuration to Release in the Build configuration node of the KXBuild view, then run KXBuild: Build from the Command Palette.

• Command line
  > kxbuild build .\ios\rnhello.xcworkspace -c Release

  Copy