https://github.com/react-native-training/create-xp-app

ReactXP Project Generator
https://github.com/react-native-training/create-xp-app

android ios react react-native reactjs reactxp windows

Last synced: 29 days ago
JSON representation

ReactXP Project Generator

• Host: GitHub
• URL: https://github.com/react-native-training/create-xp-app
• Owner: react-native-training
• Created: 2017-05-05T04:09:28.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-02T14:51:15.000Z (over 7 years ago)
• Last Synced: 2025-04-25T21:16:51.000Z (about 1 month ago)
• Topics: android, ios, react, react-native, reactjs, reactxp, windows
• Language: TypeScript
• Size: 58.9 MB
• Stars: 182
• Watchers: 7
• Forks: 17
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![create-xp-app](http://reactnative.training/createxpapp2.png)

### [ReactXP](https://github.com/Microsoft/reactxp)  Project Generator

This app works on React Native (iOS, Android, Windows) and web. Most of the app's code is contained in App.tsx.

## To get started, install the create-xp-app cli globally   

```

npm i -g create-xp-app

```

## To create a new ReactXP app

1. Run create-xp-app    

```

create-xp-app MyProject

```

![cli](http://reactnative.training/figlett4.jpg)

### To run on web:   

1. Run npm run web-watch   

```

npm run web-watch

```

This compiles the TypeScript code and recompiles it whenever any files are changed.

2. Open index.html in your browser to view the result.

### Building for React Native (iOS, Android, Windows)   

1. Run npm run rn-watch   

```

npm run rn-watch  

``` 

This compiles the TypeScript code and recompiles it whenever any files are changed.

2. In another command prompt run npm start   

```

npm start

```

This starts the React Native Packager.

Use the command line, Xcode or Android Studio to build and deploy the native app code just like you would with any other React Native project.