The chat app project was created with React-Native app using Expo Cli.
You will also need a Firebase Account. Firebase is Google's mobile platform that helps you quickly develop high-quality apps
For this project, I use npm install & expo install.
You can use yarn or npm to install all the required libraries. It is a matter of personal choice, but both have their advantages.
The expo install will install compatible dependencies that works with your current setup.
npm install will look for the latest dependency library the output might cause your App not to work properly.
Read more at Difference expo install versus npm install
To install expo globally run: npm install expo-cli --global
To create an expo react native App use the command expo init plus the name of your App. In this case: expo init chatApp
Sometimes you may need to reset or clear the React Native packager's cache. To do so, run after npm start or expo start:
expo r -c
# or
shift + r
@react-native-community/masked-view": "^0.1.6",
"@react-native-community/netinfo": "^4.6.0",
"@reason-react-native/safe-area-context": "^0.6.0",
"base-64": "^0.1.0",
"expo": "~36.0.0",
"expo-location": "~8.0.0",
"firebase": "^7.9.1",
"react-dom": "~16.9.0",
"react-native": "^0.61.5",
"react-native-gesture-handler": "~1.5.0",
"react-native-gifted-chat": "^0.13.0",
"react-native-keyboard-spacer": "^0.4.1",
"react-native-maps": "0.26.1",
"react-native-reanimated": "~1.4.0",
"react-native-safe-area-context": "0.6.0",
"react-native-safe-area-view": "^1.0.0",
"react-navigation": "^4.1.1",
"react-navigation-stack": "^2.1.1",
"react-web-gifted-chat": "^0.6.7",
"reason-react": "^0.7.0",
"reason-react-native": "^0.61.0",
"expo-permissions": "~8.0.0",
"expo-image-picker": "~8.0.1"