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

Project Generator for React Native Web
https://github.com/react-native-training/create-rn-web-app

cross-platform javascript react react-native reactjs

Last synced: 11 months ago
JSON representation

Project Generator for React Native Web

• Host: GitHub
• URL: https://github.com/react-native-training/create-rn-web-app
• Owner: react-native-training
• Created: 2017-09-06T23:42:43.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-09-08T15:53:26.000Z (over 8 years ago)
• Last Synced: 2025-04-25T21:16:51.029Z (11 months ago)
• Topics: cross-platform, javascript, react, react-native, reactjs
• Language: JavaScript
• Homepage: http://www.reactnative.training
• Size: 3.95 MB
• Stars: 25
• Watchers: 3
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### [React Native Web](https://github.com/necolas/react-native-web)  Project Generator

This app works on React Native (iOS, Android, AppleTV) and web.

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

```

npm i -g create-rn-web-app

```

## To create a new React Native Web app

1. Run create-rn-web-app    

```

create-rn-web-app MyProject

```

![cli](https://i.imgur.com/pIJP8SO.jpg)

### To run on web:   

1. Run npm run web

```

npm run web

```

This starts the webpack server.

2. Open localhost:8080 in your browser to view the app.

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

iOS: Run react-native run-ios

```

react-native run-ios 

``` 

This start the packager as well as the iOS simulator.

Android: Run react-native run-android

```

react-native run-android

```

This start the packager as well as the Android emulator.

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.