DEV Community

skptricks
skptricks

Posted on

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.

Top comments (4)

Collapse
 
pikmr profile image
pikMR

wow "shake the Android device" haha

Collapse
 
purevdalai profile image
Purevdalai

Thanks bro

Collapse
 
sandipz profile image
sandip-Z

Awesome. Thanks

Collapse
 
mameaw14 profile image
Mameaw

Thank!