React Native for Windows

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

Admin

React Native for Windows enables developers to build native Windows applications using React and...

Tokens:1,202

Snippets:14

Trust Score:8.3

Update:8 months ago

Show doc for...

Tokens:

Raw

### Create New React Native Project

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

Initializes a new React Native project with a specified version. This command uses the React Native Community CLI to create the project structure.

```bash
npx --yes @react-native-community/cli@latest init <projectName> --version "^0.81.0"
```

--------------------------------

### Run React Native Windows App

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

Runs the React Native for Windows application. This command builds the project and starts the Metro bundler, launching your app on Windows. A browser window will also open for debugging.

```bash
npx react-native run-windows
```

--------------------------------

### Initialize React Native Windows

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

Initializes the React Native Windows native code and projects. This command sets up the necessary configurations and files for the Windows platform within your React Native project.

```bash
npx react-native init-windows --overwrite
```

--------------------------------

### Autolink React Native Windows Dependencies

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

Automatically links native dependencies for React Native Windows projects. This command is typically used when integrating with Visual Studio.

```bash
npx react-native autolink-windows
```

--------------------------------

### Add React Native Windows Dependency

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

Adds the react-native-windows package to your project's dependencies. This is a crucial step for enabling Windows support in your React Native application. It can be done using either Yarn or NPM.

```bash
yarn add react-native-windows@^0.81.0
```

```bash
npm install --save react-native-windows@^0.81.0
```

--------------------------------

### VS Code Debug Configuration for React Native Windows

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

Configuration file for VS Code to enable debugging of React Native for Windows applications. This JSON file specifies the debugger type, request method, and target platform.

```json
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Windows",
      "cwd": "${workspaceFolder}",
      "type": "reactnative",
      "request": "launch",
      "platform": "windows"
    }
  ]
}
```

Tokens:

Raw