RnFireChat is the 5th session build for showing the implementation of Firebase for building a Chat app; both Chat Room and p2p along with serverless function for push notification.
In this branch, we'll be using the built layout from GloChat branch where we will be working to entering either a chatroom or to choose a person from FriendList and chat with him/her
Note:
- Arch Linux with VS-Code, thus support focused on Android App
- Extensions: React Native Tools , React-Native Snippets , Prettier
- Device run instead of SDK-build using Vysor
Clone the source locally:
$ git clone https://github.com/aryaminus/RN-firechat
$ cd RN-firechat
$ git PersonalChat
Start the application in development mode
npm install
react-native link
react-native run android
or for VS-Code:
npm install
react-native link
then press F1 or Fn+F1 and React Native:Run Android on Device
Else Follow Code.txt and Youtube
We will be using Signin and Signup screen ie. 3rd session
- react-navigation
- react-native-loading-spinner-overlay
- react-native-firebase
- react-native-gifted-chat
- Invertase Firebase initial setup
There is an update put up by invertase for a react-native-firebase-starter pre-integrated so you can get started quickly.
Follow Code.txt and Working.png
Major Properties:
- Use the template of GloChat branch
- Usage of invertase firebase instead of original firebase package as it is built for web but therefore Firebase will run on the native thread for invertase
- If choose Friendlist.js show a vertical ListView of users linked in 'friends' with geeting progile pic from gavatar
- When certain user is clicked, send the rowdata value ie receiver ID and genetare certain Chat ID with user and Friend ID and iside the databse of chatID, show the Gifted Chat to send and receive text
- Fork it (https://github.com/aryaminus/RN-firechat/fork)
- Create your feature branch (
git checkout -b feature/fooBar
) - Commit your changes (
git commit -am 'Add some fooBar'
) - Push to the branch (
git push origin feature/fooBar
) - Create a new Pull Request