Build a Chat with SignalR & Blazor WebAssembly in .NET 8 🚀

Показать описание

💻 Use Code LONGERNIGHTS to get 20% off on any course or plan!

Table of Contents:
00:00 Build a Chat with SignalR & Blazor WebAssembly in .NET 8 🚀
01:05 Create the Project
02:47 Add SignalR to the Server Project
08:14 Implement the Client with Blazor WebAssembly

#DotNet #Blazor #SignalR

Patrick God

Рекомендации по теме

Комментарии

First time I ran this project I got an error at line 23 (StateHasChanged();) of Chat.razor, "The current thread is not associated with the Dispatcher. Use InvokeAsync() to switch execution to the Dispatcher when triggering rendering or component state. " Found that changing to InvokeAsync(StateHasChanged); fixed this.

CyprianLibera

This was great! I'm assuming I could use this as a trigger to tell my app to refresh it's data from a connection as well so that if a user changed something, all connected clients could see those values update in real time?

Tielc

Hi Patrick, Happy New Year!
Thank you for this great video.

FearGod

Heyyy! Congratulations on double fartherhood😃

sergeylevitskiy

Hii

I have no idea about blazor web assembly could you share me playlist from your channel where I can learn blazor from scratch.

please🙏🙏🙏🙏

alamshaikh

Hey Patrick schon mal überlegt deutsche videos zu machen. Es gibt kaum jemanden im deutschsprachigen raum der so interessant .net Content und aktuell macht wie du

Sasa-sydh

It would a lot better if your video wasnt covering the bottom right side of the screen. I missed a few things because you wanted us to see YOU and not the IDE for some

encryptor

Dangit, I accidentally commented on your old video from .net 6. I suggested you make something besides "chat" because its been done to death. How about some apps - could be any kind of apps that can communicate via signalr to trigger actions between them, and the trigger to start them could be in the web app. So in the web app, I click a button and it triggers an action on a remotely connected command line app. This would be highly useful!

maddevskilz

have work a lot with nats package in dart. then I realized all that bs it's web sockets since signalR same bs. Thanks master for enlightme to stop going crazy in learning the same things 100x.

unknwnrge

I was loving it, until I opened Task Manager and noticed that it uses Node in the background. In the moment I blocked js in the browser, nothing works lol

silentwindstudio

Hi Patrick,
Can we use blazor interactive server for creating this chat application?

ArunKumarR-dpyu

Hi can you teach us how to learn YAML pipelines?

GNumber

I am on Rider and only have option to build blazor project : web app and webassembly standalone application. None of them produce a Blazor and Blazor.Client project structure. Any help??

rockrock

Thank you patrick, been watching your videos for a while now and can say you are one of the best orators conveying C# to us newbies 🎯

missionyoungblood

Thanks so much for this Patrick. Exciting times ahead with signalr and Blazor!

teriyakov

I'm trying to understand if SignalR is a good use case for the app that im currently trying to improve.
I have a webpage of a map that renders a bunch markers/icons based on coordinates I get from an API that constantly changes since its live positions of vehichles. I want the application to be able to render the changes in coordinates more smoothly.

Currently I'm just polling/setting interval every 1 second to fetch the coordinates from the API but this seems very ineffective and its quite performance draining and also very buggy.

How can i use signalR or other suggested feature to listen to the changes from the API?

alexanderlagerqvist

HAPPY NEW YEAR 2024 PATRICK, as always: great video and useful information and sure i reference for future apps! :D

zaidmohammed

hey, thanks. Great tutorial. Can you pls make a tutorial about debugging WebAssembly project too? thanks

faridmammadzada

Thanks so much for this Patrick. Please make one demo for implementing Fluxor in .net8 blazor with render mode set to an interactiveAuto.

ChandrashekharDeore-pe

Why there is @rendermode InteractiveWebAssembly at the top of component if we put the razor file inside Client project which is WA?

adam-xtte

Build a Chat with SignalR & Blazor WebAssembly in .NET 8 🚀

Build a Chat with SignalR & Blazor WebAssembly in .NET 8 🚀

Create Your Own Chat App: SignalR Mastery in C# & ASP.NET

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

SignalR in ASP.NET and C# - Building real-time functionalities

Create Chat Application using Angular and .Net (SignalR) | Group Chat Feature | Angular Project |

Build Chat Room using ASP.NET Core SignalR

GPT-4 Builds a Chat App with SignalR in 10 Minutes! 🚀

Introduction to SignalR in ASP.NET MVC - Chat Application

Build a chat app with SignalR Core - Mikael Mengistu

C# dotnet core 6 using SignalR with Blazor - Build a small chat app in minutes!

Chat Application using ASP.NET Core SignalR with User Identity

ASP.NET Core SignalR #2 - One to one Chat

Real-Time Chat | Using React, .Net 5.0 and SignalR

Getting Started with .NET MAUI and SignalR: Real-Time Chat App

SignalR in Blazor - Making Real-Time Chat with Blazor Server SignalR Example

Create A Chat Application Using Signal R

Simple real time chat in ASP.NET and SignalR

Building a Chat App With SignalR | ASP.NET MVC | jQuery | MSSQL | Code First | C#

How to create a live chat application in Asp.Net | Real - time chat with SignalR

Building a Blazor WebAssembly chat using SignalR

How to use SignalR in ASP.NET - Real Time Chat Web Application

ASP.NET Core SignalR - Introduction

Build a Real-Time Client/Server Messaging Application - WPF AND SIGNALR IN .NET CORE

Tutorial 4 - Realtime One to One Chat Application using SignalR in Asp.Net Core 3.1 & 5.0