React native changes from app.js file not reflecting on the expo

Question

I am following the official react native documentation to install and run a sample react native app. I created a sample app by doing:

create-react-native-app AwesomeProject

cd and then I installed Expo app as directed and scanned the QR code and I opened the app.js file

app.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },https://stackguides.com/questions/278192/view-the-change-history-of-a-file-using-git-versioning
});

Then I removed <Text>Shake your phone to open the developer menu.</Text> and saved to check if the changes on the editor are reflecting on the mobile app. But I am not seeing any changes on the expo app yet. I even opened the chrome browser on android mobile and entered the ip address, still no changes.

Did you try to shake your device (or Cmd+M on emulator) and Reload JavaScript? — jevakallio
I've noticed that on (some) Android devices, the shaking is a bit flakey, and you need to really put your wrist in it! :) - However, the app won't automatically reload the javascript until you turn on either Live reload or Hot reload from the developer shake menu. If you really can't get the shake menu to appear, then that's a problem. — jevakallio
You were right. I had to shake it real hard to even get that js load menu. Once I enabled Hot Reload the changes started appearing. — user3576036

jevakallio jevakallio · Accepted Answer · 2018-01-15T16:39:50

The app won't automatically reload the JavaScript until you turn on either Live reload or Hot reload from the developer menu.

The dev menu can be accessed by shaking the device, or pressing Cmd+D on iOS simulator, or Cmd+M on the Android simulator. Note that on some Android devices, the shake needs to be quite vigorous to register.

React native changes from app.js file not reflecting on the expo

2 Answers