Building a Chat App - Intro to WebSockets

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 พ.ย. 2024

ความคิดเห็น • 94

  • @AshishKumar-du2wk
    @AshishKumar-du2wk ปีที่แล้ว +44

    You are by far the best teacher on youtube .

  • @giuliotiseo2693
    @giuliotiseo2693 ปีที่แล้ว +9

    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.

  • @SL4UGHT3R
    @SL4UGHT3R ปีที่แล้ว +1

    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

  • @webcoder293
    @webcoder293 ปีที่แล้ว +3

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว +5

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

  • @lesauveur133
    @lesauveur133 11 หลายเดือนก่อน +1

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

  • @torjohand.aleksandersen1297
    @torjohand.aleksandersen1297 10 หลายเดือนก่อน

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

  • @md-abid-hussain
    @md-abid-hussain ปีที่แล้ว

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

  • @ahmad-murery
    @ahmad-murery ปีที่แล้ว

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

  • @faizanahmed9304
    @faizanahmed9304 ปีที่แล้ว +1

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

  • @zqgAFf
    @zqgAFf ปีที่แล้ว

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

  • @nils-kristianpedersen7225
    @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..

  • @rogers538
    @rogers538 ปีที่แล้ว

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

  • @salwanarar1346
    @salwanarar1346 10 หลายเดือนก่อน

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

  • @BrentHarris00
    @BrentHarris00 ปีที่แล้ว

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

  • @IRazerIGhost
    @IRazerIGhost ปีที่แล้ว

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

  • @javascriptexpanse
    @javascriptexpanse ปีที่แล้ว

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

  • @ghassanclassic7689
    @ghassanclassic7689 ปีที่แล้ว

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

  • @adithyavarun9132
    @adithyavarun9132 ปีที่แล้ว +1

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

  • @anjaneyulub2529
    @anjaneyulub2529 ปีที่แล้ว

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

  • @nothingisimpossible-
    @nothingisimpossible- ปีที่แล้ว

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

  • @aaishu7931
    @aaishu7931 ปีที่แล้ว

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

  • @mdsalahuddin46464
    @mdsalahuddin46464 ปีที่แล้ว

    Again a great series , thanks Dave

  • @gordonmullen4714
    @gordonmullen4714 ปีที่แล้ว

    Thanks for all the hard work!

  • @mrbilchalan
    @mrbilchalan ปีที่แล้ว +2

    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.💌

  • @dev_franqqi
    @dev_franqqi ปีที่แล้ว

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

  • @TravinskiyVladislav
    @TravinskiyVladislav ปีที่แล้ว

    This topic is unexpected for me. very glad to see

  • @chibuzoekwue
    @chibuzoekwue ปีที่แล้ว

    Excited about this one 😆😘

  • @svetoslavtrifonov6431
    @svetoslavtrifonov6431 ปีที่แล้ว +1

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

  • @7doors847
    @7doors847 ปีที่แล้ว

    Wow wow wow! Superb 🤘

  • @TSpods
    @TSpods ปีที่แล้ว

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

    • @TSpods
      @TSpods ปีที่แล้ว

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

  • @ProCoder777
    @ProCoder777 ปีที่แล้ว

    Thank You! Very interesting video

  • @rishadali2866
    @rishadali2866 ปีที่แล้ว

    Just what I needed

  • @Evil_E_ye
    @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 ❤

  • @abdullahsevmez42
    @abdullahsevmez42 ปีที่แล้ว

    it's very nice tutorial, Thank you dave

  • @georgesword2012
    @georgesword2012 ปีที่แล้ว

    Very nice and clean turorial ❤

  • @BukkyOdunsi
    @BukkyOdunsi 10 หลายเดือนก่อน

    thank you for all you do, happy married life.

  • @GovindKumar-cy6hn
    @GovindKumar-cy6hn 11 หลายเดือนก่อน

    best explanation

  • @mostafaentezami8951
    @mostafaentezami8951 11 หลายเดือนก่อน

    thank you mr Dave

  • @lordbeerus9532
    @lordbeerus9532 ปีที่แล้ว

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

  • @Ari-pq4db
    @Ari-pq4db 5 หลายเดือนก่อน

    Thank you sir ❤

  • @william_phyo
    @william_phyo ปีที่แล้ว

    Thank you very much.

  • @novawarebr
    @novawarebr ปีที่แล้ว

    You are the GOAT

  • @Pumalicieux
    @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 ?

  • @kcell2042
    @kcell2042 ปีที่แล้ว

    항상 감사합니다.👍

  • @bakersentamu4725
    @bakersentamu4725 ปีที่แล้ว

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

  • @khalilbenmeziane8836
    @khalilbenmeziane8836 ปีที่แล้ว

    thank you dave

  • @shash0_0
    @shash0_0 5 หลายเดือนก่อน

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

  • @zakhariihusar6975
    @zakhariihusar6975 7 หลายเดือนก่อน

    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...

  • @francovichsalcedo3102
    @francovichsalcedo3102 9 หลายเดือนก่อน

    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.

  • @viditgoel2909
    @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.

  • @gustavoperez231191
    @gustavoperez231191 ปีที่แล้ว

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

  • @tetyanagon3342
    @tetyanagon3342 ปีที่แล้ว

    TY!!!

  • @marcusalves7
    @marcusalves7 ปีที่แล้ว

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

  • @the_beat
    @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

  • @csanadtarjanyi8572
    @csanadtarjanyi8572 ปีที่แล้ว

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

  • @okeolamide256
    @okeolamide256 20 วันที่ผ่านมา

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

  • @justiceessiel6123
    @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

  • @dipangshu3877
    @dipangshu3877 ปีที่แล้ว

    Please cover WebRTC too

  • @VinayakSoni98
    @VinayakSoni98 ปีที่แล้ว

    ❤ thank you. Let's write some code together

  • @Jamespaul-ux9iz
    @Jamespaul-ux9iz 7 หลายเดือนก่อน

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

  • @tagaiii7029
    @tagaiii7029 ปีที่แล้ว

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

    • @DaveGrayTeachesCode
      @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.

  • @gamingwolf3385
    @gamingwolf3385 ปีที่แล้ว

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว

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

  • @hubesh716
    @hubesh716 ปีที่แล้ว

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

  • @kumariranjanayadav4652
    @kumariranjanayadav4652 ปีที่แล้ว

    hey dave Will you deploy this project?

  • @user-iy1ch3lv3h
    @user-iy1ch3lv3h 7 หลายเดือนก่อน

    Pls make tutorials about webrtc 🙏🙏🙏🙏

  • @alexvallex5487
    @alexvallex5487 2 หลายเดือนก่อน

    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 ?

  • @nishantsingh7606
    @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
      @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
      @nishantsingh7606 ปีที่แล้ว

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

    • @nagame859
      @nagame859 ปีที่แล้ว

      ​@@DaveGrayTeachesCodethanks, sir!

  • @akashsathe6818
    @akashsathe6818 9 หลายเดือนก่อน

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

  • @جوادجیتی
    @جوادجیتی ปีที่แล้ว

    How can we send file? Like image

  • @bilalch898
    @bilalch898 ปีที่แล้ว +1

    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 TH-camr. 😅

  • @_Greenflag_
    @_Greenflag_ ปีที่แล้ว

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว

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

  • @adamjamiu6764
    @adamjamiu6764 ปีที่แล้ว

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

  • @krisify
    @krisify ปีที่แล้ว

    Why use websocket and not socketio?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว +1

      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
      @krisify ปีที่แล้ว

      @@DaveGrayTeachesCode I will follow this series.

  • @TRENDINGTECHSCHANNEL
    @TRENDINGTECHSCHANNEL ปีที่แล้ว

    What about socket io

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว

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

    • @TRENDINGTECHSCHANNEL
      @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

  • @muhsin8604
    @muhsin8604 ปีที่แล้ว

    Heyy 2nd like🎉

  • @rustee_nyfe
    @rustee_nyfe ปีที่แล้ว

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

  • @wemzee
    @wemzee 7 หลายเดือนก่อน

    🫡