I Built a SignalR Typing Indicator From Scratch (WebSockets made easy)

🚀 Support me on Patreon to access the source code:   / milanjovanovic   Want to master Clean Architecture? Go here: https://bit.ly/3PupkOJ Want to unlock Modular Monoliths? Go here: https://bit.ly/3SXlzSt Build a real-time typing indicator in your chat app using SignalR and WebSockets. In this step-by-step walkthrough, I’ll show you how to set up a SignalR hub, send typing events, and update the UI so your users instantly see when someone else is typing. What you’ll learn in this video: How SignalR works under the hood (WebSockets, fallback transports) Setting up a SignalR hub in .NET Broadcasting typing events to connected clients Updating the UI in real time with JavaScript Why this small feature has a huge impact on user experience By the end, you’ll have a fully working typing indicator that makes your chat app feel alive. 📌 Resources: Adding Real-Time Functionality To .NET Applications With SignalR → https://www.milanjovanovic.tech/blog/... Building Async APIs in ASP.NET Core - The Right Way → https://www.milanjovanovic.tech/blog/... 🧠 Full source code available to my Patreon supporters:   / milanjovanovic   Check out my courses: https://www.milanjovanovic.tech/courses Read my Blog here: https://www.milanjovanovic.tech/blog Join my weekly .NET newsletter: https://www.milanjovanovic.tech Chapters 0:00 What we're building 1:15 How WebSockets work 2:52 SignalR Hub, server code 6:15 Client application code 7:59 Adding typing indicator code 12:09 Debug WebSockets messages