Socket.io Introduction - How to Build a Chat App

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

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

  • @adelprog
    @adelprog ปีที่แล้ว +7

    First, thanks for this tutorial.
    - In recent versions of Node.js, we don't need any extra packages to monitor file changes (like nodemon), We can simply add the flag "--watch".
    - Even on the same server, using different ports for the frontend and backend will result in CORS errors.

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

      Yes that is with version 20.6 and up I believe. It has not reached long-term support version as of this video or this post. I'm sure it will soon.

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

      ​​@@DaveGrayTeachesCodeyes that's. The --watch flag is an experimental feature on node v.18

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

    Good job,thanks Dave,and I am from China,I hope more and more developers in China could have access to your demonstrations if there is no Great Fire Wall.

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

      Stop eating 😢 sh!ts bro please preserve humanity we don't want another virus 🦠😓

  • @tat-lyubch
    @tat-lyubch ปีที่แล้ว

    Which a couple of errors I eventually has done 2 of this tutorials today. Thank you for explanation!

  • @RezHimself
    @RezHimself 7 หลายเดือนก่อน +1

    Awesome as always , Big fan Dave 🙌

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

    during the series enhance styles and it will be great if you use database to store messages and convert frontend to react it will be awesome

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

    Loving the series. much appreciated as always

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

    Holy shishkabob, just in time too. Thank you!

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

    Amazing Tutorials Sir. You have changed my entire vision and interest.

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

    Thank you Dave! I'm waiting for nest js course. Even if it's paid

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

    Great content!! Looking forward for socket series. Thanks!

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

    St Dave Gray! 😇. Thank you!

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

    Great video. I hope you will show us uploading files (images, docs , etc) and storing them. Also it would be great to have chat history with room or person, what are the best practices to store the history and user settings in some db :). What are other scenarios to use web sockets, what else are they good for (shops, warehouse inventory or something like that). Thank you for the video

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

      I really like this kind of comments. Each time Dave or any other tutor on TH-cam posts a video, there's a request to build a full-fledged app with any esoteric requirements that can even come up into one's head. They just give yout essential concepts how things work. If you are software engineer, you should figure out yourself how to upload files and add chat history feature.

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

      hmmm I thought part of the tutorials is to give the esentials or more common things, but hey ok if he make a video about this I urge you not to watch it. I really like Dave videos and it is up to him what he will show us and what is not worth it, not you or anyone else. If you are his agent and he gave you a task to speak for himself its ok I rearly comment anyway. Be well mr. Pro software engineer

  • @عثمانصالح-ه1ر
    @عثمانصالح-ه1ر ปีที่แล้ว

    Thank you so much I'm really appreciate that you work hard to give us this informations 💛 🙏 💓 💗

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

    Thanks sir always the best teacher

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

    Just found out you are getting married Congratulations 🎉🎉👏 👏 for your marriage 🥳💕 in advance

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

    u are perfect. I needed this...

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

    hi Dave! Great content . Thanks for every information you provide us! Will you do any demonstration with socket rooms and online users concept?

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

      Yes, soon

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

      @@DaveGrayTeachesCode Thanks for your response. Have a good day.

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

    Very helpful tutorial thank you

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

    Thank You, great content, exelent teacher

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

    Great video Dave, im waiting for the next videos!, In this class i have an issue and i dont have errors in my console the message displays correctly but in webpage the li items doesn't append to the ul, i don't know why, but im still researching.

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

    Hi Dave this is very good and helpful video bro. I was struggling from last 3 days and now by your video I was able to solve that issue. Dave I have one query Can you please help me out. my socket is running fine in local but in production I am getting "Session ID unknown" error how to fix this please help me out

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

    Tq sir 🥺

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

    Oh excellent video, thanks for sharing

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

    Great video, NextJS will be so good. :(

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

    just a quick tip
    we can do 'npm un' for 'npm uninstall'

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

      "npm rm" too

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

    Thanks Dave!! Cheers🎉🎉🎉

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

    Thanks, Dave!!

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

    So, in this case, it always established connection with socket server when you open the chat app? But if it needed user authentication then after authentication it establish connection, right? Sorry if my questions seems funny. Always love you.♥

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

      Yes, you would create the connection after authentication

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

    Thank you sir!

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

    Can you do a video on how to use socket io with next 13 app router?

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

    TY!

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

    Fantastic

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

    why live data sometime slow the performance of browser..which points to keep in mind when using socket io

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

    Thanks a lot

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

    Thank you very much Dave 🙏

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

    Many thanks. Btw, is it possible to establish a ws connection via an express route? So if I am doing a chat app, it wont be fully web socket, but express?

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

      You can use Express with sockets and I will in the next tutorial. It won't use an express route though. The socket server just listens for a connection.

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

    great

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

    Uhu, I have been searching this kind of video (latest)
    Now got it.

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

    Let's write more code together. Sir

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

    When i type a message it outputs the dynamic key but the value is {data}
    I9SkH: {data}
    anyone have any ideas as to why it is different when the code is the same?

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

      nvm... found the bug... missed a $ on my string interpolation

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

    would love to see scylladb/cassandra/ mongodb integration. with redis and other technologies.