Serverless Real Chat APP with React Native Gifted Chat and Firebase - Full App
HTML-код
- Опубликовано: 12 фев 2022
- In this video, I show you how to connect Firebase Realtime Database with React Native Gifted Chat library to build a real chat application in React Native.
If this video gets more than 100 likes, then I know it is helping you so I will prepare the next episode to include a group chat or authentication feature. J
Hope you enjoy it
Useful links:
- the library that I used to build the chat screen user interface:
github.com/FaridSafi/react-na...
Source code of the project:
github.com/mdeveloper20/rncha... 
Наука
Thank you very much Masoud! This is amazing and quality work. Im running it on my phone now works flawless!
Hi Masound. This is actually the best tutorial I found about react native gifted chat.
Thank you so much for uploading this and the previous video!
I guess you are making this awesome video, along with being working on your job, so you must be very busy.
Do you have time to create next videos about group chat & authentication soon? Or are you too busy?
I am planning to implement the chat function into my app within a month or so. So, if you are too busy to make the next video, I would go on a hard way (i.e. doing Google search and trial and error).
Otherwise, I would wait for the next one.
Anyways, I hope you have a happy Xmas!
Hi, thanks for your feedback, I don't think I can upload the next video soon.
@@ReactWithMasoud
No worries. I actually have done those parts already:)
Have a great winter holidays!
Awesome🔥♥
When you are updating the friend list for both users (current user & select user), will it overwrite any data if there are existing data in the friend list field at the database?
Please make the authentication part please ♥
What is the purpose of storing firstuser and seconduser in chatroom , I don't think it was used anywhere
bro i install your github project but its not showing me user not adding new user so i cant click on user and cant chat
what version of firebase you installed
Thank you for ur video..
but i hve a question sir
Hey man thanks for the help. my application is working fine but can you please tell me what rules to set on firebase according to this code.
Hi, I made the video more than 3 month ago and I don't remember what was the rules but I shared them inside the video
Hello, all work but when i hit back from chat i get this error : 'Attempted to remove more RCTkeyboardObserver listeners than added". Can you help me please ?
giftchat has keyboard issues
Hi, this is the error I`m getting
ERROR Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 10): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient.
A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
Back to your question, what I did was
cd android
sudo ./gradlew clean (more information about how clean works here)
then back to the working directory and run react-native run-android
you should restart your npm too after that upgrade.
Hello Masoud???
what should I watch? code or your face???
ridiculous..thats so rude