Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial

Learn Socket.IO by building a real time chat app using nodejs and react.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#chatapp #socketio

[fanifrancs]

wow, you are doing great bro. I have been searching for react videos and your videos usually pop up. I have been loving your tutorials.

[P.D.V.J]

Amazing tutorial! Was able to get through every step, can't wait to expand on it

[penelopejungreis]

Thank you so much, I was still confused after your video from last year but this one really cleared that up about the Server class, cors object settings, and the use of the localhosts!

[samyf]

This is one of the clearest tutorial i've seen. really love your content and appreciate what you do !

[cesaralanis]

This is exactly what i was looking for dude!! Yo have some skills to teach, so detailed and easy to understand!! thanks and congrats!!

[brunogbrito]

Very well done man, um dos melhores tutoriais, super bem explicado! Rolou a parte 2?

[godbe]

it's so easy to explain, I understood right away =) but before that I looked at other chat examples and the guys there couldn't really explain how the websocket works! so thanks!

[matrix_prime]

👍👍👍 thank you very much .I was searching for this kind of any video on youtube and this video really very good explained and one of the clearest tutorial i've seen.

[ShadyRonin]

Incredibly helpful, thank you so much Pedro!!!

[ismael.lastlevel]

Wow . I was struggling with the cors issue and now I fixed it. Thanks 👌🏾

[shivamkhandelwal]

the way u teach people is cool for everyone who is beginner.Thanks for ur amazing tutorial

[Asia_life_explorer]

Man haven't seen a guy who explains like you, I'm wondering why aren't you having millions of sub?

[artimgashi]

Man this is a fantastic tutorial, keep doing this !!

Also wanted to ask if u can make a video for making chat apps with SignalR, i'm sure you've heard of it.

[hyrixlele]

Some people are just meant to be teaching ! clean explanation Thank you

[uzndev]

Thank you for this perfect tutorial Pedro!

[dexcoder]

if anyone receive the msg twice you can solve that issue like this:
useEffect(() => {
socket.off("receive_message").on("receive_message", (data) => {

setMessageList((list) => [...list, data]);
});
}, [socket]);

And thank you so much for this video i was really looking to understand the concept of chatting waiting for the second part.

[matthewfisher]

great video thank you so much, ive been looking for how to make a react chat app without using external apis, and this video is a perfect

[wfgundam]

thank you! was able to deploy with less of a struggle with CORS. thanks for the updated video!

[sohamganmote]

Man Your Teaching Skill are on next level i learned more here than my collage

[bbunited_pvp]

This is certainly what I need. Thank you so much.