Is it possible to automatically reload the app in react native?

Question

Is it possible to have a react native app to automatically reload in the emulator once I edit the sources and the thing recompiles itself?

http://stackoverflow.com/questions/36933287/how-to-enable-live-reload-in-react-native-on-android/42571633#42571633 — itzmebibin, Mar 14 '17 at 16:45

score 66 · Accepted Answer · edited Jun 29 '16 at 16:17

66

If you've created your project with react-native init, then on the simulator, press cmd+ctrl+Z or Hardware > Shake Gesture and the Dev Menu will popup.

Just press Enable Live Reload and Done! :D

EDIT : React Native team does now encourage to user Hot Reloading instead of Live Reload. More info about the difference between those two features here.

edited Jun 29 '16 at 16:17

Alexandre Bourlier

3,972
4
44
76

answered Mar 27 '15 at 21:49

tadeuzagallo

2,422
1
18
9

3

Is there a way of enabling this by default, all the time? – fatuhoku Jul 20 '15 at 22:24
hm, i don't have this option now. I had it before – Toolkit Dec 01 '15 at 05:20
@Toolkit I think they moved it, now you have to go to the Dev Menu > Dev Settings and check "Auto reload on JS change" – Ingro Dec 01 '15 at 10:31
Dev Menu in on device doesn't have this item – protspace Aug 04 '16 at 15:54
Is there a way to have this feature also when running the app on device ? I don't see that option in the dev menu. – Fidan Hakaj Sep 18 '16 at 12:39
Is there any ADB command that you can send to the device to reload? I don't like Hot reloading !! – vijayst Sep 03 '17 at 13:42

score 3 · Answer 2 · answered Jul 03 '16 at 14:36

3

You can use hot-reload in the settings for your react native app to automatically reload. you can enable hot-reloading click the "Menu" button on the sidebar inside genymotion.

answered Jul 03 '16 at 14:36

Janaka Pushpakumara

4,769
5
29
34

score 2 · Answer 3 · answered Mar 25 '16 at 20:25

2

Hot Module Reloading (HMR) shipped with RN 0.22 a few days ago, which lets the simulator automatically reload a single screen or other module without reloading the entire app. It's enabled via the same CMD+D / CMD+CTRL+Z / Shake Gesture menu.

answered Mar 25 '16 at 20:25

Lane Rettig

6,640
5
42
51

Good answer, keep it simple just press CMD + D on from your simulator. – ismnoiet Oct 06 '16 at 19:10

jsdario · Answer 4 · 2018-02-01T00:09:22.633

This is a huge workaround – but it is saving a lot of time and avoiding the frustration of not shaking correctly.

Also it covers the edge case of complete reloading the bundle, not only for live reloading or hot replacement.

We just throw new Error('Want to refresh?') to prompt the error screen while in development, so we can hit RELOAD on the bottom.

Beware of the dragons. This is not the most usual move.

score 0 · Answer 5 · edited Apr 03 '18 at 05:36

0

use this command from the shell

adb shell input keyevent 82

to get dev menu on android real device.

edited Apr 03 '18 at 05:36

eyllanesc

235,170
19
170
241

answered Apr 03 '18 at 05:26

Soumen Manna

11
2

Is it possible to automatically reload the app in react native?

5 Answers5