Build cross-platform messaging experiences with Stream Chat API. Sign up for Stream’s 30 day trial for free: Building a chat application is hard, especially if you want it to be a robust and full featured app similar to Facebook Messenger. In this video I will show you how you can use Stream to build out an incredibly robust chat system with ease. 📚 Materials/References: GitHub Code: React Router Video: React Router Article: forwardRef Video: forwardRef Article: #reactforwardref React Query Video: CORS Video: CORS Article: useLocalStorage Hook Video: useLocalStorage Hook Video: #uselocalstorage-hook 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00:00 - Introduction 00:00:30 - Demo 00:02:33 - Server Setup 00:06:21 - Client Setup 00:12:38 - Client Signup Page 00:31:48 - Server Signup Route 00:38:15 - Client Server Connection 00:44:23 - Client Login Page 00:47:17 - Server Login Route 00:49:20 - Client Finish Auth 01:00:54 - Client Chat Page 01:06:29 - Customizing Channel List 01:15:42 - Client Logout Implementation 01:17:54 - Server Logout Route 01:21:17 - Client New Conversation Page #ChatApp #WDS #Stream
Hide player controls
Hide resume playing