چت AI بلادرنگ
چتبات AI — Techsnovel
چت بلادرنگ با نشانگر تایپ، صف پیام و نقشهای RBAC — React، Zustand، SignalR.
مشاهده سایت(باز شدن در تب جدید)چالش
UI چت باید حس فوری بدهد، در حالی که صف پیام، نشانگر تایپ و نقشهای مختلف کاربر را مدیریت میکند. تحویل بلادرنگ (SignalR) باید پایدار بماند بدون اینکه منطق subscription به همهٔ کامپوننتها نشت کند.
نقش من
معماری فرانتاند و رابط چت بلادرنگ با React، TypeScript، Zustand و SignalR — از جمله الگوهای تعامل آگاه از RBAC برای نقشهای مختلف کاربر.
آنچه ساختم
- UI چت بلادرنگ با تحویل SignalR
- نشانگر تایپ و state صف پیام در کلاینت (Zustand)
- الگوهای تعامل آگاه از RBAC برای نقشهای مختلف
نتیجه
پلتفرم چت production در teechats.com با تحویل بلادرنگ قابل اعتماد و مرزبندی روشن state کلاینت حول صف پیام.
تکنولوژیها
- React
- TypeScript
- Zustand
- SignalR