Real-time Notifications with Socket.IO and React JS - MERN Stack Chat App with Socket.IO #16

#MernStack #socketio #ReactJS

Implement the Real Time Push Notification with React JS and Socket IO.

👉 MERN Chat App Full Playlist -

👩‍💻 Source Code -

⭐ Support the channel by becoming member and learn from me one on one -

🌎 Live Site -

🔗 MERN Stack Tutorial with Redux -

🔗 React Beginner's Project Tutorials -

-------------------------------------------------------------------------

00:00 Intro
00:59 Global Notification state
02:25 Notification Logic
05:10 Notifications UI

-------------------------------------------------------------------------

Special Thanks to our members -
shahin parveen parveen
Vinay Vally CHALADI

[yayaveli]

I’m so grateful. Thank you for all your efforts. I have learned a lot in this tutorial series. You explained very well.🙏

[leeann]

Well done! Thank you! This really is the best React Chat App tutorial on YT!

[harshsolanki]

Great tutorial and it resembles with brad's mern project tutorials so it was easy to understand.UI part was great, not like the usual react-bootstrap. Thanks man for the tutorial, it takes a lot of time and effort to create a whole project series.

[hi_shanto]

First of all take love brother....
you are really too good... Explanation is wow..
I learn a lot from the whole playlist. I'm grateful to you.. Thanks a lot

[saintio]

Brother thank you very much for this project, I did not think it would take me so long. You explain super well and your code has almost no errors, it was fun even though there were times when I thought I couldn't fix some bugs, in the end I was able to finish the project.

Thank you teacher for sharing your knowledge.

[harshvachhani]

Great content. Really appreciate your efforts. Just a thing to point out. That when we click on notifications, all the notifications of a single chat should be reseted and for doing it... at the time of removing things from notification array, check for IDs and not just for the whole notif.

[NamMinoo]

First of all take thank brother....
You are really too good... Explanation is wow..
I learn a lot from the whole playlist. I'm grateful to you.. Respect for you.. Thanks a lot

[austinevick]

I find this course really useful, thanks man

[codewithkumar]

I like your teaching style and content is awesome. Thank you 😊

[IvinAustan]

Thank you for your efforts on making this video. You are awesome. Such a great video series. Once again thank you!

[aakashbhandari]

🎊🥳 Finally Completed the project
Thanks a lot ❤

[dareafolabi]

thanks so much, like your tutorial video. what I need is simple, I just need a push notification message from one user to another, ounce an action is performed, for instance when a user purchases a product on an e-commerce app, then a notification message should be sent to the shop owner dashbaord that a particular product was purchase by a user

[sivakumar-guin]

Thank you for spending your precious time to teach us bro. I have a doubt, if a same person send multiple msg then his/her name would be rendered under notification as many times they send a msg.

[eliecersmora]

great work. thanks for sharing your knowledge with us, this is by far the best mern chat work in YouTube

[lequangnghi]

First of all, thank you so much for this series!
I learned a lot from you!

Can I ask you for some hints to store the notification in the database? Because I think a lot and cannot figure it out🥲

[arundhathimenon]

My deepest thanks😍 you literally upskilled me💯🙏

[ashish_prajapati_tr]

helping you to break YouTube algorithm

[shashankkr]

Omg finally completed this project today, Thank you so much RoadSideCoder for this amazing tutorial! 😊

[pranavkeshware]

bro i created the whole project step by step from your video 1 to 17 but not working as that aspect at last the the messages is not sending in real time that the updation and dependency reasons i.e. why I get not same results as yours

[danielleivy]

While I learned a whole lot about notifications and socket io, the notifications don't persist. I may have to go the route I did with an old inbox system I created. In that project, the recipients of the email were an array of objects with the user id and 'read' status. When the user opens the email, the database updates the 'read' field and I would do a db query of unread messages every 10 seconds or so. I'll just have to update the Message model to reflect the new user/read structure.
Still a good video, I just think that in a real world situation you want the data to persist.