status-im/re-natal
2
0
Fork 0
mirror of https://github.com/status-im/re-natal.git synced 2025-01-15 07:04:23 +00:00
Code Issues Projects Releases Wiki Activity

describe how to use Figwheel with Android simulators

Browse Source
This commit is contained in:
Artur Girenko 2015-12-06 21:17:52 +01:00
parent cd3b3b5755
commit 5d525eb9e7
1 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
README.md
View File

@ -21,7 +21,9 @@ Generated project works in iOS and Android devices.
- Same codebase for iOS and Android - Same codebase for iOS and Android
- Figwheel used for REPL and live coding. - Figwheel used for REPL and live coding.
- Works in iOS (tested using simulator). - Works in iOS (tested using simulator).
- Works in Android (tested on real device, does NOT work in Android simulator yet) - Works in Android device
- Works in Android simulator Genymotion (with re-natal use-figwheel -H 10.0.3.2)
- Works in stock Android emulator (with re-natal use-figwheel -H 10.0.2.2)
- You can reload app any time, no problem. - You can reload app any time, no problem.
- "Debug in Chrome" is not required anymore. - "Debug in Chrome" is not required anymore.
- Optimizations :simple is used to compile "production" index.ios.js and index.android.js - Optimizations :simple is used to compile "production" index.ios.js and index.android.js
@ -73,24 +75,59 @@ Development in such mode is not fun because of slow compilation and long reload
Luckily, this can be improved by compiling with `optimizations :none` and using Luckily, this can be improved by compiling with `optimizations :none` and using
Figwheel. Figwheel.
To start development mode execute commands: #### Using Figwheel in iOS simulator
Start your app from Xcode as described above.
Then, to start development mode execute commands:
``` ```
$ re-natal use-figwheel $ re-natal use-figwheel
$ lein figwheel ios $ lein figwheel ios
``` ```
This will generate index.ios.js and index.android.js which works with compiler mode`optimizations :none`. This will generate index.ios.js and index.android.js which works with compiler mode`optimizations :none`.
#### Using Figwheel in real Android device
To run figwheel with real Android device please read [Running on Device](https://facebook.github.io/react-native/docs/running-on-device-android.html#content). To run figwheel with real Android device please read [Running on Device](https://facebook.github.io/react-native/docs/running-on-device-android.html#content).
To make it work on USB connected device I had also to do the following: To make it work on USB connected device I had also to do the following:
``` ```
$ adb reverse tcp:8081 tcp:8081 $ adb reverse tcp:8081 tcp:8081
$ adb reverse tcp:3449 tcp:3449 $ adb reverse tcp:3449 tcp:3449
``` ```
Then:
```
$ re-natal use-figwheel
$ lein figwheel android
```
And deploy your app:
```
$ reaact-native run-android
```
#### Using Figwheel in Genymotion simulator
With genymotion Android simulator you have to use IP "10.0.3.2" in urls to refer to your local machine.
To specify this use:
```
$ re-natal use-figwheel -H 10.0.3.2
$ lein figwheel android
```
Start your simulator and deploy your app:
```
$ reaact-native run-android
```
You have to reload your app, and should see the REPL coming up with the prompt. #### Using Figwheel in stock Android emulator (AVD)
With stock Android emulator you have to use IP "10.0.2.2" in urls to refer to your local machine.
To specify this use:
```
$ re-natal use-figwheel -H 10.0.2.2
$ lein figwheel android
```
Start your simulator and deploy your app:
```
$ reaact-native run-android
```
## REPL ## REPL
You have to reload your app, and should see the REPL coming up with the prompt.
At the REPL prompt, try loading your app's namespace: At the REPL prompt, try loading your app's namespace:
```clojure ```clojure