A real life saver. I've been looking for recent tutorials to implement chat app functionality with firebase, most of em are outdated or won't work after implementing it. At least this is a stepping stone. Thanks 👍
I think it would be better if you explained what the imported functions do upon writing the import that way we can understand why they need to be imported. and how each section of the line does like the snapshot.docs.map what does each one do "snapshot" "docs" "map"
In this block of code we are mapping through all of the messages. msg.data.uid === user.uid checks if the sender of the message is the current user (by seeing if their uids are the same) , and if so, places the message of the right side of the screen, otherwise putting it on the left. The next line does the same thing but applies some styles to the background and text color. Hope this helped
Yes, that's possible. I believe the structure would be something like this: a chats collection which would hold each chat as a document. This document would have fields with the people who own the chat and a messages collection like the one in this video.
Everything was going well but at last i got this error while connecting to local host [plugin:vite:react-babel] C:\Users\loren\OneDrive\Desktop\Loren Chat\src\App.jsx: Unexpected keyword 'const'. (10:4) 13 | It cannot verify the word const
