.NET 8 .🚀🔥: Building a Real-Time Chat App with .NET SignalR and React A Step by Step Tutorial

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 54

  • @Evan-fi4lj
    @Evan-fi4lj 10 месяцев назад +23

    I don't understand how when you join the chat room at 51:11 the message is displayed in the component. You only call setMessages inside the "ReceiveSpecificMessage" callback you defined in App.js, but we're not calling that yet, so how is the messages state getting updated?
    I had to add a setMessages call in the "JoinSpecificChatroom" callback so that it would add the join message to the messages state, it looks like you're just console logging.

    • @RawFatGod
      @RawFatGod 4 месяца назад

      Same, I'm so confused on that lol.

    • @mahmoudswilam7969
      @mahmoudswilam7969 2 месяца назад

      conn.on("JoinSpecificChatRoom",(username , msg) =>{
      setMessages(messages => [...messages,{username,msg}]);
      console.log("msg: " , msg)
      });

    • @arestlessmindband
      @arestlessmindband Месяц назад

      The format of the string was also changed. I suspect were some updates that occured off camera

    • @JuanCamba81
      @JuanCamba81 Месяц назад

      change MessageContainer to this: export const MessageContainer = ({ messages }) => {
      return (

      {messages.map((message, index) => (

      {message.username}: {message.msg}

      ))}

      );
      };

  • @CodeWithMamad
    @CodeWithMamad 9 месяцев назад

    Thank you for making this video, despite having a headache. 🙏

  • @RawFatGod
    @RawFatGod 4 месяца назад +1

    I'm kinda confused on the 42:00 - 50:00 mark. Where is the SendMessage method being called?

  • @mumk
    @mumk 9 месяцев назад

    Tested out with Mvc front end but not React and it worked flawlessly, thanks for the tutorial!

  • @DMC3586
    @DMC3586 6 месяцев назад +1

    Hey Mohamad. Amazing tutorial. However at 50:54 I didn't understand how you fixed the error.

    • @ozaiproduction3450
      @ozaiproduction3450 3 месяца назад

      const[messages, setMessages] = useState([]);
      this fixed the error I had with the map error

  • @Evan-fi4lj
    @Evan-fi4lj 10 месяцев назад +7

    Also not sure why you're creating an entire table per message. Posting the final code would be helpful so we can see what's going on without having to search back through the video

  • @csabagyarmathy6386
    @csabagyarmathy6386 Год назад

    Once again Muhamad to the rescue, it's like you're reading the assignments I need to do for my uni. You've helped me through all of them, and hopefully future students will also stumble upon your channel! Cheers 🍻

  • @yashjoshi4946
    @yashjoshi4946 4 месяца назад

    Hey Great work i just wanted to know what extension are you using to be able to tell if it is a method or arg1 or arg2 at 18:34

  • @lefterissakellaris9903
    @lefterissakellaris9903 5 месяцев назад

    newly subscribed and as it seems from the content a new fan!Great work!

  • @LauPlace
    @LauPlace 10 месяцев назад

    Thanks for the content, really nice example, it's also nice to see the real time errors, to be able to know how to solve them

  • @raymonkv4812
    @raymonkv4812 10 месяцев назад

    Hello dear Mohammad. Thank you for the excellent training. Please deploy this project on iis or any web service that is better so that we can use the software from any device that connects to our computer in the local network. Thanks again for your wonderful tutorial

  • @mumk
    @mumk 9 месяцев назад

    Do we need to install that Nuget package for SignalR? It seems like its for .NET Framework. SignalR is built in for .NET 8

  • @DrissElMEDAGHRIElALAOUI
    @DrissElMEDAGHRIElALAOUI 6 месяцев назад

    Newly subscribed, Thanks mate.

  • @cfryerdev
    @cfryerdev 10 месяцев назад

    Nice work, would be great to post the github repo too.

  • @kek_1459
    @kek_1459 Год назад

    Thank you very much for your work!

  • @АлексейМаксимов-ш9п
    @АлексейМаксимов-ш9п 6 месяцев назад

    Brilliant, thanks man!

  • @prashlovessamosa
    @prashlovessamosa 6 месяцев назад

    Thanks very helpful

  • @shadmansudipto7287
    @shadmansudipto7287 9 месяцев назад +4

    Please provide the code as a repository next time.

  • @mahmoudswilam7969
    @mahmoudswilam7969 2 месяца назад

    Awesome

  • @olimjontajiev1943
    @olimjontajiev1943 6 месяцев назад

    thank you brother

  • @bartdiako1
    @bartdiako1 9 месяцев назад

    Thanks buddy you are awsome!

  • @fierrinho
    @fierrinho 5 месяцев назад

    thank you

  • @kek_1459
    @kek_1459 Год назад

    Will it be adding a database to this application?

  • @sasukee0371
    @sasukee0371 2 месяца назад

    i get disconnected after 45 minutes from the signalr server is there any way to prevent that from happening

  • @DungHoangTien-q4i
    @DungHoangTien-q4i Год назад

    thank you so much

  • @kritiverma2495
    @kritiverma2495 6 месяцев назад

    can you please make a video on how to store these messages in the database.

  • @Jameshiri
    @Jameshiri Год назад

    Hi, thankyou for creating this video, i implemented the video. Can you create a video on Notifications? React and .NET Signalr, it would be great.

  • @jos6115
    @jos6115 11 месяцев назад

    Thank you!
    Can I find the code somewhere?

  • @kailashbehera4378
    @kailashbehera4378 Год назад

    Great Tutorials. Can you please make a tutorial on .NET Api with Apache Kafka !

  • @alim.karim.
    @alim.karim. Год назад +1

    Where is the code?

    • @hpn1427
      @hpn1427 10 месяцев назад +1

      He didn't provide it...
      Also there are parts of the video where he just cuts it off, or code is behind his camera frame, I guess we need to hope that he will provide the code next time and be careful with video editing. Amazing content tho

  • @marvinbrereton3868
    @marvinbrereton3868 2 месяца назад +1

    I shouldn't have to slow down a video to 0.75 to keep up.

  • @estonvirtual7671
    @estonvirtual7671 6 месяцев назад

    cool

  • @SaiReddySoftwareSolutions
    @SaiReddySoftwareSolutions 8 дней назад

    could you give me the source code? it was helpful and easy to know what was happening in the background.

  • @SajadJalilian
    @SajadJalilian Год назад

    I really like to know your opinion about HTMX

  • @jayjorneypua8174
    @jayjorneypua8174 7 месяцев назад +1

    where's the source code??

  • @AO-ko3cd
    @AO-ko3cd 4 месяца назад

    ليه بتتكلم بسرعه ممكن تعمل قناه للمتحدثين بالعربيه
    😅 خد اللايك 910

  • @mahendranath2504
    @mahendranath2504 Год назад

    Nice awesome thanks for sharing the amazing content 👍👌🫡👋🤩👏🏻🤝👊🎉, a happy subscriber