Realtime Notification App Using React and Socket.io

[@ojiinnocent9117]

As usual, the right knowledge at the right time from the right source. Thank you

[@XxSouIxX]

Thank you ! I've been following your Lamasocial series and I was waiting for this part 👍

[@zaiemgaming7303]

will add this to the social media app✨

[@kashmirtechtv2948]

He's the he best because he mentions reasons for small and basic tasks as well. Like why are we using absolute positioning and relative.

[@kashmirtechtv2948]

Even though I'm learning socket io for the first time, I'm still understanding. You are awesome. Keep doing more projects!!! And also make videos on the concepts or things that confuse the beginners or the topics that are very necessary.

[@coder5336]

best socket io explanation ever

[@afzalbidhan2263]

My love and respect to you and your channel. I follow each of your videos very sincerely. And I learn something new from each of your videos. Which has had a lot of positive effects on my career. Please create projects on more mern we are with you.

[@dong_spain]

This guy is a super hero in the real world ! Thank you so much my friend!!

[@valentintixeira]

Thanks for all tutorial ! As we say in Argentina you are "Crack", "Idolo", "Titan de TITANES"

[@timileyinphilip5786]

Peele

[@Corntrop]

Wow its like real instagram notifications. Thank you

[@Dseyisax]

Lema dev never disappoint...

[@adebisisheriff159]

Best tutorial from the best youtuber. Thanks so much for all the handwork and effort put into this

[@hoangcuongtran4606]

i'm looking for the latest socket tutorial like this. Thank you very much !!!

[@realisticmoment]

You should be awarded as the best teacher on youtube

[@gonalestrelado]

Thank you! Great video! So funny when you say "awesome" it sounds like "have some" LOOL

[@user-zv6vl6ne9z]

That's awesome. I'm going to learn this to apply to the social media app. I love it

[@adeyemikolade3344]

This is just beautifully amazing, I hope there is such thing as that 😊

[@albah289]

hello bro, what level are you in programming?

[@adeyemikolade3344]

@@albah289 I'll say intermediate

[@SulemanKhan-nk4lc]

Thats what i was searching from a long time.. thank you from the core of my heart.. may GOD give you more success ❤❤❤

[@venkat3425]

simple explanation for sockets 👏🏻

[@worldbest3097]

wow 5min ago right before go to sleep. awesome. really appreciate from korea!!

[@HangNguyen-ky9fo]

Lama, you're amazing 🙌

[@preshndams]

Lama Dev, you're the best. Thanks

[@Reel_InsightYT]

Finally completed my wait

[@durgeshgupta6647]

Great work lama...love your content 😀😀😀

[@adebisisheriff159]

Thanks so much, Lamadev

[@kashmirtechtv2948]

Highly recommend watching this complete video😍

[@nsikakessien]

Awesome tutorial... well done Lama

[@fredrickdenga7552]

Safak this is a beautiful tutorial🌹🌹🌹

[@ibnulferdous2349]

Nice tutorial for the beginners! Thank you!

[@user-ql7hr3ez3w]

You are my hero brother

[@fanegantosin2973]

Lama thanks for this knowledge

[@ferdinandeke9590]

I really like this one.. thanks Lama..

[@yacoubasylla7358]

Thank you very much. simple and clear

[@alivelidurali]

Nice tutorial. Really helped me a lot

[@nguyenkien5558]

really appreciate your effort. Thank you!

[@k9_unit09]

thanks for the video.

[@samanfayazi1226]

Thanks for not copy-pasting, coding from scratch is a lot usefull

[@RianY2K]

thank you for this tutorial, very helpful

[@parassharma7041]

You are best lamadev

[@вдохновись-ч5э]

Perfect!

[@Maletfique]

thank you so much for all knowledge you give us ! will you make in the future react native tutorial ?

[@ellsonmendesYT]

Thanks for sharing sir!

[@WillSmith-qt7me]

Good job friend, thanks.

[@AliHassan-iz7gr]

Thank you very much!!!!

[@ozkanselcuk1735]

Great job again!

[@kashmirtechtv2948]

Those who disliked are haters and nothing else.

[@sahbibarkallah3252]

Amazing tutorial thank u

[@kashmirtechtv2948]

You are such a gem!!

[@younusaliakash]

you are awesome bro!!! take love

[@lera4135]

you are the best, thank you!

[@samisamiullah8370]

best one 100%

[@galienplume1415]

thanks for this beautifull content

[@ashishkarki4880]

Nice content and I am subscribed. Might have missed it but link to source code in the description section would be appreciated 🙏

[@lengleng5594]

Thank you so much.

[@jisonsoft4810]

thank you for this tutorial, well I'm almost a beginner, I would like you to demonstrate how to implement soket io in a separate router file, I don't know if I'm explaining my problem well. thanks for reading it anyway, waiting for an answer

[@AMPMasti]

Namespace tags are not supported by default. React's JSX doesn't support namespace tags >>>>> error coming in .svg file importing time kindly help....if some1 in master in reactjs please

[@yassinerassy6840]

you are the best dude !!

[@mahendranath2504]

Thank you so much ❤️🎉🙏⭐

[@gabrielobafisile2299]

Thank you lama. I get this error at timestamp 57:00 TypeError: Cannot read property 'socketId' of undefined Anyone help please

[@emanuelameh5722]

That's exactly where I'm stuck right now

[@hepinkumarajudiya6480]

Gyu su resolved it or not??

[@gabrielobafisile2299]

@@hepinkumarajudiya6480 I've not been able to resolve it. I still need help.

[@XxSouIxX]

Are you doing exactly the same project or are you fetching your own data from a database? I had the same error but I realised I was passing the wrong variable. In App.js, in this useEffect : ------------------------------- useEffect( () => { socket.emit("newUser", user); }, [socket, user]); ------------------------------- Lama's user is a string, but in my case it's an object, so I had to pass user._id (or user.username depending on what you're using). It fixed my error.

[@meryemar7403]

I have been stuck in this error in the last two days, did anyone solved?

[@medAmineRg]

great stuff !!!

[@paulinkladi1689]

this video helps me a lot for my project, please what can happen if the second user is not online, cause if the receiver is not online the notification will be sent but he' s not in onlineUsers array

[@vulture_music.]

very good content ... congratulations ... you can't find projects done so well on udemy either ... could you make an olx clone in the future? it would be great ... you would really cover a lot of topics

[@DioArsya]

Amazing

[@sevdimbuoyunu]

super. thanks you

[@princejoemariebarro8589]

I love your work. But do you have a developers portfolio using html, css and bootstrap and also front end react js and front end express js for online shop? I would like to learn how to build one. Thank you! I hope you will create one.

[@XxSouIxX]

Hello Lama, Just a quick question: I already followed your Live Chat tutorial and I was wondering if I should create two different socket servers for the chat and the notifications, or if only one server would be enough. I don't know what is best practice. Thanks!

[@m.Gladislaw]

I have the same question! folllowing

[@captainalpha4853]

I love your videos!

[@dharmeshgohil9375]

AWESOME

[@sunray3379]

@1:05:45 looking forward to this chat application.

[@sundards9613]

Awesome dude ( I have one Request 💥 please if you Have time make MERN Stack Authentication API with JWT ( Login, Register, Forgot Password, Google Log in) I have searched in KZbin, Articles but unfortunately there is no proper guide to follow( Please kindly take this request 🥰).

[@notnull01]

Is there a better method for a larger project than passing it down as props? great vid btw

[@aayush135]

Amazing ✨✨

[@sgtechgrouppartners3038]

great!

[@HabiburRahman-fk5tw]

You are awesome 😎😎😎😎

[@Music4Life2015]

you 're bro!!

[@kashmirtechtv2948]

Can you create a compete separate video in which you explain find, push, filter and all similar methods?

[@SaraH-dj8xg]

Thank YOUUU safak!! by the way, how do you 'unsend' a notification ? (for example, if I liked then unliked the post)

[@shivamsharma5420]

why am i receiving multiple notifications for a single event ?

[@aguyfromindia]

same error bro you got solution??? help me out bro

[@alvinaj6123]

can you please explain how can i deploy socket folder ion cpanel.i have reactjs website as frontend and laravel for api.

[@kashmirtechtv2948]

Please also try to show dynamic css changes like doing it on live server showing side by side so that we can better understand what has been changed exactly due to that particular css❤️❤️ Your method of showing HTML on 1 side and then writing Css on other side is BEST. But I just want to say that after completing the css for one element, please show the webpage too. ❤️❤️ Then again continue writing further css. Thanks

[@ZaibGsm]

I was confusing how specific user get attach to spacific like in ChatApp or any other but I got make an array bcz every time it gives new array so attach id with user id or name to get back that one

[@ranaimranahmed2532]

plz make a video on real time location using react and google maps

[@Foused87]

Do you design app firstly with design tool like figma and after that start coding or you just jump into coding?

[@supratiksarkar1195]

Notification and sending friend request is super tough. I can send friend request and the user can view and approve that friend request. But i am not able to send it to multiple persons due to my faulty notification system as it can receive only one notification.

[@bloggrammer]

How do you notify offline users?

[@mygmail29]

wait the user to online

[@akhildonthula6160]

u r god , the saviour ,the legend :)))))))))))))))))))))))))))))))))))))))))))))))))))))....i was dying to know how to implement this feature

[@pavankristipati3924]

Hi there I need some help to your side when ever on click like button it will show liked but when the page is refreshed the liked icon does not shown how to rectify this problem pls help 😊

[@badrib6570]

If user is offline how to achieve this notification system sir.can you do video for this...

[@andreigrebenkin122]

the same problem. If user (receiver) is offline - there is an error, cannot find his socketId

[@salaba5chour817]

thanks bro but how can i send a notification to a user hors ligne (not connected )

[@dashainbhandari7614]

how can i run same react projects at same port ? i can't figure this out.

[@SonNguyen-rb4ut]

Hi bro. Normally, where should we save list user and socketId?

[@twily_vivi]

Bro import is not working in .js and .jsx and the "

[@AbdurRazzak-dp2ug]

cool

[@michaellesley2146]

Thank you a lot!!

[@huytraninh822]

Imagine if i was using express server for my react app, is it possible to add socket server in my express app or i have to create a new socket server?.

[@anastasiasukhovii1755]

I think there might be an error in Notification svg file... I was not able to import, then checked with another svg and it was fine

[@bhai14hoursconsistent]

Bhaiya hum same code likh rahe hai but mere me notification system socket kam nahi kar raha hai please help me

[@patriciagarciamartinez2563]

🔥🔥🔥😍

[@31_mehakbasrani97]

I am getting socket io refused to connect error..can anyone please help me resolve it

[@sujanbutang1084]

Can you give me any idea on how to store these notifications for offline users as well??

[@bhai14hoursconsistent]

Using local store and create global state for it

[@lodux6566]

Man i think Im in love with you 😍