Enable Hot Reloading In React Native

Post Link : https://www.skptricks.com/2018/07/enable-hot-reloading-in-react-native.html

This Post explains how to enable hot reloading in react native application. Hot Reloading feature in react native application helps to display the updated UI Content, whenever user saves anything in react native script or code.

Advantage of Hot Reloading :
You can speed up your development times by having your app reload automatically any time your code changes.
Enable Hot Reloading In React Native

Follow the below steps to enable Hot Reloading Feature :

1. First launch your app on the device or emulator.
   Command To Run React Native App :
   react-native run-android

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.

Enable Hot Reloading In React Native

Video Demo :

https://www.youtube.com/watch?v=wLA7LM8xx6A

Let us know if you face any difficulties, while enabling Hot Reloading feature in react native application.

Comments

[pikMR]

wow "shake the Android device" haha

[Purevdalai]

Thanks bro

[sandip-Z]

Awesome. Thanks

[Mameaw]

Thank!