The New Version (2024) of this Tutorial is Here:    • React Chat App Full Tutorial 2024 | R...  
Get Hostinger Discount: https://hostinger.com/lamadev Coupon Code: LAMADEV

If it is valuable to you, you can support Lama Dev.
Join:    / @lamadev  
Buy me a coffee: https://www.buymeacoffee.com/lamadev

Source Code: https://github.com/safak/youtube2022/...

Join Lama Dev groups
Facebook:   / lamadev  
Instagram:   / lamawebdev  
Discord:   / discord  
Twitter:   / lamawebdev  

00:00 Introduction
02:53 Installation
05:04 React Login and Register Page Design
16:45 React Chat App Design
45:40 Sass Responsive Design with Mixin
48:58 React Firebase v9 Authentication Tutorial (Login Register)
01:12:18 React Router Dom Protected Route Tutorial
01:14:08 React Firebase Login with Email and Password
01:18:31 Firebase Chat App: Search User
01:23:33 Firebase Chat App Database Structure
01:34:22 Fetch Chat Conversations
01:39:16 React Firebase How to Fetch Private Chat Messages
01:49:56 React Firebase How to Send a Realtime Chat Message
02:01:17 React How to Scroll to the Latest Message
02:02:24 Deploying App
02:04:49 Outro