A simple CLI tool to start your React Native Web project to develop same app for IOS Android and Web. Constructed from create-react-app and create-react-native-app
-
Android - Install adb (Android Debug Bridge)
-
IOS - Xcode and an apple device required
-
Install the package globally and run it with your name of choice
# Install package
$ npm install -g create-react-native-web-app
# Run create-react-native-web-app <project-directory>
$ create-react-native-web-app myApp
# cd into your <project-directory>
$ cd myApp
# Run Web/Ios/Android development
# Web
$ npm run web
# IOS (simulator)
$ npm run ios
# Android (connected device)
$ npm run android
- Optional - Install Xcode and Android studio and follow the react native instructions under the "Building Projects with Native Code" tab
myApp
├── node_modules
├── package.json
├── index.js
├── .watchmanconfig
├── .flowconfig
├── app.json
├── .gitignore
├── android (When opening with Android studio, open this folder)
│ └── android project files
├── config
│ ├── jest
│ │ │── initTest.js
│ │ │── native.jest.config.js
│ │ │── web.jest.config.js
│ │ └── jest transform files
│ ├── env.js
│ ├── paths.js
│ ├── polyfills.js
│ ├── webpack.config.dev.js
│ ├── webpack.config.prod.js
│ └── webpackDevServer.config.js
├── ios (When opening with Xcode, open this folder)
│ └── ios project files
├── public
│ ├── favicon.ico
│ ├── index.html
│ └── manifest.json
├── scripts
│ ├── build.js
│ ├── start.js
│ ├── switchSnapshots.js
│ └── test.js
└── src
├── App.js
├── App.test.js
├── index.css # global
├── index.js
├── logo.png
└── registerServiceWorker.js
# Web and Native
$ npm run test
# Web
$ npm run test:web
# Web watch mode
$ npm run test:web-watch
# Native
$ npm run test:native
# Native watch mode
$ npm run test:native-watch
# Coverage - web
$ npm run coverage
# Coverage - native
$ npm run coverage:nativeOpen dev menu:
- CMD+D (IOS) / CMD+M (Android)
- Press "Enable Live-Reload"
React native docs - debugging real devices guide
React native docs - debugging guide
# Web
$ npm run build
# Android - upgrade the current build version in `android/app/build.gradle` file (both the `versionCode` and the `versionName`)
Example:
versionCode 2
versionName "1.1"
# And then run the build
$ cd android && ./gradlew assembleRelease
# Open apk folder to find the release apk
$ open ./android/app/build/outputs/apkReact native docs - Android signed apk
- Or Yoffe https://github.com/orYoffe