Ignite: How to enable hot-reload?

[FezVrasta]

Hiya! So you think it's broken or missing a feature eh?

• [x] Issue does not already exist
• Identify exactly what aspect your issue is about
  
  
  
  • [ ] ignite base application
  
  
  • [x] ignite the cli
  
  
  • [ ] ignite generated code
  
  

How to enable hot-reload or at least auto reload?

[GantMan]

Press command + D on iOS or command + M on Android, then select hot-reload or automatic reload.

On device you can shake device to get the developer menu as well.

[jackywhlee]

@GantMan Hey, where in the documentations does it tell you about the "command + M" on Android? I'm surprised I had to go into Github issues to find the solution, when this answer ought to be in the documentations, or maybe it is but I failed to find it.

[GantMan]

Good question. I'm sure everyone would take a readme update pull-request if you can identify where that _should_ be stated.

It's one of those things people learn and then take for granted ☹️

[jackywhlee]

I'm actually in the process of selecting a react-native boilerplate to migrate our reactboilerplate app into, so I know just about as much as the next person who stumbled upon this repo.

Finding youtube tutorial videos was challenging too, as it seems there are two marketing names? Infinite Red? It's a bit overwhelming to a new user, with a lot of searching around to do.

Would highly suggest to update the README.md with updated documentations and perhaps youtube videos too, i.e. https://www.youtube.com/watch?v=lv00UOXxy0g ought to include the name Ignite in its title, and the video itself doesn't show how hot-reload is enabled, it sort of enabled itself through a pre-script in fast-forward.

Sorry for the rant. Just hoping to provide some helpful feedback. If I decide to stick with this boilerplate, would gladly do a documentation PR once I get it running.

[kevinvangelder]

Hot reloading is a react native feature and the keyboard shortcuts don't change in Ignite. That said, we should probably link to the React Native documentation somewhere in the readme so new users can learn the React Native basics directly from the source.

[GantMan]

I like the idea of adding the videos!

[soumenmanna92]

use this command from the shell
adb shell input keyevent 82
to get dev menu on android real device.

[skptricks]

Steps to enable hot reloading are as follow :

1. First launch your app on the device or emulator.
2. Then click on emulator and press CTRL + M (CMD + M on MacOS) or shake the Android device which has the running app.
3. Then select the Enable Hot Reloading option from the popup.

Reference link : Enable Hot Reloading In React Native

[Moji0098]

how to enable hot-reload on real device not virtual device .. thank you

[fabriziobertoglio1987]

@Moji0098 on android adb shell input keyevent 82 as in the react-native docs