Building a Chat App - Intro to WebSockets

Поділитися
Вставка
  • Опубліковано 8 вер 2024

КОМЕНТАРІ • 93

  • @AshishKumar-du2wk
    @AshishKumar-du2wk 11 місяців тому +42

    You are by far the best teacher on youtube .

  • @giuliotiseo2693
    @giuliotiseo2693 11 місяців тому +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.

  • @webcoder293
    @webcoder293 11 місяців тому +3

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому +5

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

  • @lesauveur133
    @lesauveur133 9 місяців тому +1

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

  • @SL4UGHT3R
    @SL4UGHT3R 11 місяців тому

    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

  • @adithyavarun9132
    @adithyavarun9132 11 місяців тому +1

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

  • @torjohand.aleksandersen1297
    @torjohand.aleksandersen1297 8 місяців тому

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

  • @faizanahmed9304
    @faizanahmed9304 11 місяців тому +1

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

  • @md-abid-hussain
    @md-abid-hussain 11 місяців тому

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

  • @ahmad-murery
    @ahmad-murery 11 місяців тому

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

  • @zqgAFf
    @zqgAFf 11 місяців тому

    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 11 місяців тому

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

  • @salwanarar1346
    @salwanarar1346 8 місяців тому

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

  • @rogers538
    @rogers538 11 місяців тому

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

  • @ghassanclassic7689
    @ghassanclassic7689 11 місяців тому

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

  • @IRazerIGhost
    @IRazerIGhost 11 місяців тому

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

  • @BrentHarris00
    @BrentHarris00 11 місяців тому

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

  • @aaishu7931
    @aaishu7931 11 місяців тому

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

  • @mrbilchalan
    @mrbilchalan 11 місяців тому +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.💌

  • @svetoslavtrifonov6431
    @svetoslavtrifonov6431 11 місяців тому +1

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

  • @javascriptexpanse
    @javascriptexpanse 11 місяців тому

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

  • @mostafaentezami8951
    @mostafaentezami8951 9 місяців тому

    thank you mr Dave

  • @dev_franqqi
    @dev_franqqi 11 місяців тому

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

  • @anjaneyulub2529
    @anjaneyulub2529 11 місяців тому

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

  • @GovindKumar-cy6hn
    @GovindKumar-cy6hn 9 місяців тому

    best explanation

  • @Ari-pq4db
    @Ari-pq4db 3 місяці тому

    Thank you sir ❤

  • @TravinskiyVladislav
    @TravinskiyVladislav 11 місяців тому

    This topic is unexpected for me. very glad to see

  • @gordonmullen4714
    @gordonmullen4714 11 місяців тому

    Thanks for all the hard work!

  • @mdsalahuddin46464
    @mdsalahuddin46464 11 місяців тому

    Again a great series , thanks Dave

  • @lordbeerus9532
    @lordbeerus9532 11 місяців тому

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

  • @nothingisimpossible-
    @nothingisimpossible- 11 місяців тому

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

  • @BukkyOdunsi
    @BukkyOdunsi 8 місяців тому

    thank you for all you do, happy married life.

  • @ProCoder777
    @ProCoder777 11 місяців тому

    Thank You! Very interesting video

  • @abdullahsevmez42
    @abdullahsevmez42 11 місяців тому

    it's very nice tutorial, Thank you dave

  • @georgesword2012
    @georgesword2012 11 місяців тому

    Very nice and clean turorial ❤

  • @Evil_E_ye
    @Evil_E_ye 11 місяців тому

    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 ❤

  • @chibuzoekwue
    @chibuzoekwue 11 місяців тому

    Excited about this one 😆😘

  • @TSpods
    @TSpods 11 місяців тому

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

    • @TSpods
      @TSpods 11 місяців тому

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

  • @bakersentamu4725
    @bakersentamu4725 11 місяців тому

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

  • @7doors847
    @7doors847 11 місяців тому

    Wow wow wow! Superb 🤘

  • @william_phyo
    @william_phyo 11 місяців тому

    Thank you very much.

  • @viditgoel2909
    @viditgoel2909 11 місяців тому

    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.

  • @rishadali2866
    @rishadali2866 11 місяців тому

    Just what I needed

  • @tetyanagon3342
    @tetyanagon3342 11 місяців тому

    TY!!!

  • @khalilbenmeziane8836
    @khalilbenmeziane8836 11 місяців тому

    thank you dave

  • @Pumalicieux
    @Pumalicieux 11 місяців тому

    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 11 місяців тому

    항상 감사합니다.👍

  • @francovichsalcedo3102
    @francovichsalcedo3102 7 місяців тому

    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.

  • @the_beat
    @the_beat 11 місяців тому

    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

  • @justiceessiel6123
    @justiceessiel6123 11 місяців тому

    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 11 місяців тому

    Please cover WebRTC too

  • @zakhariihusar6975
    @zakhariihusar6975 5 місяців тому

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

  • @novawarebr
    @novawarebr 11 місяців тому

    You are the GOAT

  • @shash0_0
    @shash0_0 3 місяці тому

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

  • @marcusalves7
    @marcusalves7 11 місяців тому

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

  • @user-iy1ch3lv3h
    @user-iy1ch3lv3h 5 місяців тому

    Pls make tutorials about webrtc 🙏🙏🙏🙏

  • @hubesh716
    @hubesh716 11 місяців тому

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

  • @VinayakSoni98
    @VinayakSoni98 11 місяців тому

    ❤ thank you. Let's write some code together

  • @gustavoperez231191
    @gustavoperez231191 11 місяців тому

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

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

  • @tagaiii7029
    @tagaiii7029 11 місяців тому

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому

      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.

  • @csanadtarjanyi8572
    @csanadtarjanyi8572 11 місяців тому

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

  • @akashsathe6818
    @akashsathe6818 7 місяців тому

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

  • @Jamespaul-ux9iz
    @Jamespaul-ux9iz 6 місяців тому

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

  • @nishantsingh7606
    @nishantsingh7606 11 місяців тому

    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  11 місяців тому

      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 11 місяців тому

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

    • @nagame859
      @nagame859 10 місяців тому

      ​@@DaveGrayTeachesCodethanks, sir!

  • @user-yi3rq7jk2r
    @user-yi3rq7jk2r 11 місяців тому

    How can we send file? Like image

  • @_Greenflag_
    @_Greenflag_ 11 місяців тому

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому

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

  • @gamingwolf3385
    @gamingwolf3385 11 місяців тому

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому

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

  • @kumariranjanayadav4652
    @kumariranjanayadav4652 11 місяців тому

    hey dave Will you deploy this project?

  • @krisify
    @krisify 11 місяців тому

    Why use websocket and not socketio?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому +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 11 місяців тому

      @@DaveGrayTeachesCode I will follow this series.

  • @bilalch898
    @bilalch898 11 місяців тому +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 UA-camr. 😅

  • @TRENDINGTECHSCHANNEL
    @TRENDINGTECHSCHANNEL 11 місяців тому

    What about socket io

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  11 місяців тому

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

    • @TRENDINGTECHSCHANNEL
      @TRENDINGTECHSCHANNEL 11 місяців тому

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

  • @adamjamiu6764
    @adamjamiu6764 11 місяців тому

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

  • @muhsin8604
    @muhsin8604 11 місяців тому

    Heyy 2nd like🎉

  • @rustee_nyfe
    @rustee_nyfe 11 місяців тому

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

  • @wemzee
    @wemzee 6 місяців тому

    🫡