Building a Chat App - Intro to WebSockets

[@AshishKumar-du2wk]

You are by far the best teacher on youtube .

[@giuliotiseo2693]

I don't know how this is possible, but whenever I'm looking for something for my job, Dave Gray posted a video about that thing a few hours before. It's incredible, you are the best.

[@whatprice4993]

I’m really enjoying the course, and I’m confident that by the time I finish it, I’ll have gained valuable skills. I hope to buy you a coffee someday as a small token of appreciation for the effort and dedication you’ve put into creating this content.

[@torjohand.aleksandersen1297]

insane, you are so good at teaching, nobody have made me understood this before

[@le.clem133]

Whenever my motivation goes down, I just have to watch one of Dave's videos and I immediately want to code again. Thanks :)

[@SL4UGHT3R]

From last 6 months i was thinking to learn this topic but today because of you i will ko longer protagonist that and learn it. Thank you

[@nils-kristianpedersen7225]

Followed all your awsome react and nextjs courses, however I LOVE the vanilla js approach in this one. Best teach on the web, my dude..

[@javascriptexpanse]

way to go Dave, i felt left out when you were working on your nextjs series. great one!!

[@md-abid-hussain]

I was looking for a channel and resource to learn websocket. Thanks Dave for creating this

[@BrentHarris00]

Thanks so much Dave, I've been waiting for something like this

[@faizanahmed9304]

Thank you Dave sir, will be waiting for other videos in this series.

[@zqgAFf]

Thank u so much Dave really look forward to your whole series of web socket coming out including real use case in React ..

[@souvik2930]

Much needed playlist. If possible, please cover webRtc in this series.

[@DaveGrayTeachesCode]

Thanks - WebRTC is more browser to browser vs browser to server but I do want to cover it in the future.

[@nothingisimpossible-]

🎉🎉🎉🎉 thank you i was waiting for this from long time

[@rogers538]

It was surprise to me, I have been looking forward to get this course from you thanks

[@salwanarar1346]

Amazing video with zero waste of time, I could follow up with you without any effort. Great series start!!❤👌

[@ahmad-murery]

I like it when you talk vanilla 😁 This will be a great series for sure, Thanks in advance!

[@mdsalahuddin46464]

Again a great series , thanks Dave

[@anjaneyulub2529]

As always Great video Dave . Just watched your Expressjs tutorial : )

[@aaishu7931]

Right when I needed this. Thankyou so much, Dave. You tutorials help alot

[@gordonmullen4714]

Thanks for all the hard work!

[@IRazerIGhost]

Damn you are getting me to learn more about js and node. Thanks!

[@dev_franqqi]

I appreciate you Dave❤ Thanks for all you do…just finished the testing course and another great course is waiting

[@chibuzoekwue]

Excited about this one 😆😘

[@svetoslavtrifonov6431]

Great video as usual. I only hope we will see this in React app and also with typescript :) Never the less great video!

[@ghassanclassic7689]

Thank you very much for this video. Please make more videos about socket advance stuff

[@ProCoder777]

Thank You! Very interesting video

[@Ari-pq4db]

Thank you sir ❤

[@georgesword2012]

Very nice and clean turorial ❤

[@kcell2042]

항상 감사합니다.👍

[@7doors847]

Wow wow wow! Superb 🤘

[@dfields9511]

this is cool, its basically unix ping. I remember writing something like this in C/C++ on unix server side and in java app on a client side in a old job I had. and had to make it SSL Socket. This is a lot easier then that was. thought that code I wrote was used for about 10 years before the rewrote the app.

[@abdullahsevmez42]

it's very nice tutorial, Thank you dave

[@TravinskiyVladislav]

This topic is unexpected for me. very glad to see

[@adithyavarun9132]

Please do make a chat app with react and node(mern) sir it would be helpful, there aren't any proper resources in KZbin as well as udemy, most of them are outdated as well... Excited to work on it with your explanations.

[@william_phyo]

Thank you very much.

[@vegito9532]

Very nice tutorial sir, this series is going to be awesome, .....and hope to see a react design patterns, best practices tutorial soon.

[@shash0_0]

"When I say I need pizza, everybody should know that I need pizza" pretty much

[@GovindKumar-cy6hn]

best explanation

[@rishadali2866]

Just what I needed

[@mostafaentezami8951]

thank you mr Dave

[@khalilbenmeziane8836]

thank you dave

[@mrbilchalan]

I waited too long for this video from you. At last you started. So, thank you, Dave. Please consider some demands like - difference between express server with socket server, when or how to store or retrieve chat data in/from database with best practices. I know this is a lots of work. Actually when you get more, you demand more😍. And another thing I notice, you never put semicolon in js file after end of statement. Why you do that? Is it just your choice or something else? Again lots of love.💌

[@DaveGrayTeachesCode]

Thank you - yes, just preference on this semicolons

[@TSpods]

Really thanks, i learn a loot width you, width all your videos (desde argentina)

[@TSpods]

Actualmente estoy leyendo tus códigos de unos repositorios para aprender a hacer backend

[@BukkyOdunsi]

thank you for all you do, happy married life.

[@okeolamide256]

I have quite a simple question I was wondering where the connection between the backend server and fronte end connected to make this work

[@tetyanagon3342]

TY!!!

[@bakersentamu4725]

Awesome tutorial! Have always wanted to learn this. Do you mind doing one for using Open API apis? thanks a bunch

[@gustavoperez231191]

Hi Dave, great video, i have a question what icon theme are using for vscode?

[@francovichsalcedo3102]

Hey Dave, thank you so much for this job that you're doing, I appreciate it, please let me ask you a question, do you know why when I hit anter or send button, I do not see my message reflected, I would appreciate your help on this, Thanks in advance.

[@Pumalicieux]

Hey Listening you from France ! I followed your tutorials on html CSS and Js before entering a program to learn web development, it helped me a lot ! It really want to thank you ! Do you have any idea on when you gonna release the next episode of this websocket tutorial ?

[@DaveGrayTeachesCode]

I usually post on Tuesdays and Fridays

[@justiceessiel6123]

can you please please show a little video of how to use websockets to make a real time google map location tracking like uber

[@igorcastilhos]

You are the GOAT

[@viditgoel2909]

thanks a lot, sir for this amazing tutorial, I have commented a doubt on the React 9 hours course, and it would be very kind of you, if you please reply to that.

[@dipangshu3877]

Please cover WebRTC too

[@Evil_E_ye]

I am making a chat application using socket io and then i see this video pop up in my youtube. Is this a coincidence or what. Good for refreshing basic ❤

[@zakhariihusar6975]

Hey Dave. This is my first time working with WS. I've implemented individual 1 to 1 and group chats, everything works great. But I also wanna implement that part that shows all chats overview (it fetches last message from every chat that that user has from my server), and i thought it would be simple, but kinda stuck on this one. Cannot join user to all groupchats at once to know which one has updated, from ChatOverview component, can i(and even if i could it doesn't cover the scenario where a new chat is created)? Would be great if you could give me some hint. The only thing that comes to mind is to listen to changes in the DB, but idk how efficient it would be...

[@Jamespaul-ux9iz]

what theme dave is using for vs code in this video?

[@csanadtarjanyi8572]

Do you think the same project could be built with a single nextjs app?

[@the_beat]

Hey Mr Gray,Thanks for banger tuts loved your next js and testing courses. Would you consider covering webrtc and redis for caching in the future,they could be separate or even paid courses if do those.Thanks,love from South Africa

[@user-iy1ch3lv3h]

Pls make tutorials about webrtc 🙏🙏🙏🙏

[@gamingwolf3385]

Hi dave , what are you using as a node version manager ? I am using nvm and plan to start using fnm instead

[@DaveGrayTeachesCode]

nvm but it sounds like I should check your choice out 🚀

[@tagaiii7029]

how do you run 2 servers of client app? Or you will show it in next tutorial?

[@DaveGrayTeachesCode]

I opened a 2nd instance of VS Code and started the client app with live server. However, I think you could just open a new browser tab to load the app in. That's what I'll do going forward.

[@marcusalves7]

exactly the project I'm working on and was kinda lost 😂

[@nishantsingh7606]

How to run 2 instances of a file using live server, the way you did at the end or even two separate instances of same app on different instance of browser?

[@DaveGrayTeachesCode]

You can just open to 2 tabs in the same browser which is what I do in the following videos - however, you can open 2 instances of VS Code and then run live server in each which is what I did here.

[@nishantsingh7606]

Thanks went through all 4 videos till now and were really helpful, thanks man!!!

[@nagame859]

​@@DaveGrayTeachesCodethanks, sir!

[@kumariranjanayadav4652]

hey dave Will you deploy this project?

[@akashsathe6818]

sir , how can i simple web socket connect with my android chat application

[@VinayakSoni98]

❤ thank you. Let's write some code together

[@WanderingBall]

How can we send file? Like image

[@alexvallex5487]

Can someone help me on how can i put this app into a specific page of my wordpress website? how can i utilize my webhost and website sql databases so that the chat stays even if resfreshed ?

[@hubesh716]

Sir plz make Full Stack chat App in React native with Socket and Node js

[@krisify]

Why use websocket and not socketio?

[@DaveGrayTeachesCode]

Why not watch the video and learn the answer? 😃 I comment on this. Also consider that the first video in the series - indicated with the number 1 - might not cover everything the series will offer.

[@krisify]

@@DaveGrayTeachesCode I will follow this series.

[@TRENDINGTECHSCHANNEL]

What about socket io

[@DaveGrayTeachesCode]

Mentioned in the video. Note this is the first video of a series.

[@TRENDINGTECHSCHANNEL]

@@DaveGrayTeachesCode ok..will wait..please consider optimization of socket io server as most of the time browser seems getting slower and slower when getting data from socket server. Also include long polling and ws difference..when to choose which..Thanks in advance

[@_Greenflag_]

Hmm, why this old require syntax instead of ES6 import ?

[@DaveGrayTeachesCode]

You can use mjs imports if you want. Nothing wrong with CommonJS require. Go with your preferences.

[@bilalch898]

Let's see if you can persist scroll position alongside load more messages while scrolling towards top. If you do it, you are a better developer, otherwise you are just a KZbinr. 😅

[@adamjamiu6764]

I really love your tutorials. but will be more lovely if you can just show your face :)

[@muhsin8604]

Heyy 2nd like🎉

[@rustee_nyfe]

Реакция тухлее самого видоса

[@wemzee]

🫡