3 Views· 16 August 2022
Realtime Chat App with React, Node.js, Socket.io | MERN Stack Messenger Clone
React and Node.js Chat app using Socket.io and MongoDB. How to create MERN stack instant, private chat app. In this full tutorial, you will learn to use react hooks, sending a private message with socket.io, and saving data to MongoDB.
Create a Social Media App All parts:
https://www.youtube.com/playli....st?list=PLj-4DlPRT48
Buy me a coffee: https://www.buymeacoffee.com/lamadev
Source Code: https://github.com/safak/youtube/tree/chat-app
Join Lama Dev groups
Facebook: https://www.facebook.com/groups/lamadev
Instagram: https://www.instagram.com/lamawebdev
Twitter: https://twitter.com/lamawebdev
Discord: https://discord.gg/yKremu4mPr
0:00 Introduction
1:20 React Chat App UI Design
30:34 Node.js MongoDB Chat App Rest API
48:35 Fetching User Conversations from MongoDB
59:20 Fetching Messages from MongoDB
01:09:08 How to Post New Chat Message
01:13:38 React Scroll to End of a Div
01.17.20 What is Socket.io?
01:19:42 How to use Socket.io?
01:22:55 React Socket.io implementation
01.30.19 Socket.io Sending Online Users
01:37:08 React Socket.io Sending Private Message
01:48:12 React Socket.io How to Fetch Online Friends
02:04:35 Outro
0 Comments