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

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://stackoverflow.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.

Answer 1

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.

Answer 2

Make sure npm server is running(if not start the service by command 'npm start')
Access developer menu by shaking device or use command 'adb shell input keyevent 82
' or press ctrl+M (on linux)
Select 'Enable Live Reload' from dev menu option
The screen should reload with your changes once you save it.