Building a Chat App - Intro to WebSockets

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

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

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

    You are by far the best teacher on youtube .

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

    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

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

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

  • @le.clem133
    @le.clem133 ปีที่แล้ว +1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @dfields9511
    @dfields9511 8 วันที่ผ่านมา

    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.

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

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

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

    Again a great series , thanks Dave

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

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

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

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

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

    Thanks for all the hard work!

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

    This topic is unexpected for me. very glad to see

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

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

    Wow wow wow! Superb 🤘

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

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

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

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

    Excited about this one 😆😘

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

    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.

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

    Thank You! Very interesting video

  • @GovindKumar-cy6hn
    @GovindKumar-cy6hn ปีที่แล้ว

    best explanation

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

    thank you mr Dave

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

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

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

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

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

    Just what I needed

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

    Thank you sir ❤

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

    Thank you very much.

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

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

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

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

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

    Very nice and clean turorial ❤

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

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

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

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

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

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

    You are the GOAT

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

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

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

    it's very nice tutorial, Thank you dave

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

    thank you for all you do, happy married life.

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

    thank you dave

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

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

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

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

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

    항상 감사합니다.👍

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

    How can we send file? Like image

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

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

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

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

    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 ?

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

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

    Please cover WebRTC too

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

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

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

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

    hey dave Will you deploy this project?

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

    Pls make tutorials about webrtc 🙏🙏🙏🙏

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

    ❤ thank you. Let's write some code together

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

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

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

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

    TY!!!

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

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

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

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

    Heyy 2nd like🎉

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

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

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

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

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

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

    🫡