Skip to playerSkip to main content
  • 3 hours ago
এই ভিডিওতে আমরা শিখবো কিভাবে React Context API ব্যবহার করে Firebase Authentication এর user state পুরো অ্যাপে শেয়ার করা যায়।
এটাই আমাদের React Auth Tutorial সিরিজের Part 3, যেখানে আগের ভিডিওতে আমরা Email Login system (Firebase Auth দিয়ে) তৈরি করেছি।

এই ভিডিওতে আপনি দেখবেন—

🔹 Why use Context API for Authentication
🔹 Create AuthContext & AuthProvider step-by-step
🔹 Firebase onAuthStateChanged দিয়ে user state track করা
🔹 Login, Logout & User Info globally share করা
🔹 Private Protected Route এর জন্য প্রস্তুতি
🔹 Best Practices for Auth Architecture

💡 Context API ব্যবহার করলে আপনার Login, Navbar, User Profile, Dashboard—সব জায়গায় একই Auth State ব্যবহার করা যায়, আলাদা আলাদা props পাঠানোর প্রয়োজন হয় না।

🎯 Tools & Tech:
React, React Router, Firebase Auth, Context API, Tailwind CSS

👉 Next Video: Private Route Setup (Part 4)
👉 Previous Video: Email Login with Firebase (Part 2)

ভিডিওটি helpful হলে Like, Comment করে Support জানাবেন ❤️

Category

📚
Learning
Transcript
00:00Hello
00:02.
00:07organisation
00:11.
00:11.
00:16.
00:16.
00:19.
00:19.
00:21.
00:21.
00:22.
00:23.
00:24.
00:25.
00:25.
00:25foreign
00:32foreign
00:37foreign
00:44foreign
00:47I will show you how to add interactive
00:59I will show you how to use context
01:09I will show you how to use context
01:15and create context
01:21create context
01:23create context
01:25I will show you how to use context
01:29and create context
01:33theme context
01:35current login
01:37menu
01:39use context
01:43create context on it onept
01:53in context
01:59they say
02:04like this create context
02:09they get
02:11into
02:12હંદ નિા઼ પરે અરા હાટા દરેનહ એમ્રા વેરેવલીલ મેવર તેપ બરી
02:17user info
02:19and I am going to
02:21do this
02:23email
02:25jami
02:27at the red to me
02:29dot com
02:31I am going to
02:33this is
02:35router provider
02:37I am going to
02:39router provider
02:41I am going to
02:43I am going to
02:49router
02:51I am going to
02:53router
02:55user info
02:57user info
02:59user info
03:01browser
03:03inspect
03:05console
03:07I am going to
03:09export
03:11I am going to
03:13export
03:15so
03:17I am going to
03:19console lock
03:21console lock
03:23I am going to
03:25network
03:27I am going to
03:29network
03:31user info
03:33user info
03:35user info
03:37use
03:39roku
03:41place
03:43I am going to
03:45Bing
03:47and
03:48console
03:49lock
03:51user info
03:52user info
03:53user info
03:54google
03:55at the red to me
03:56dot com
03:57example
03:59I am going to
04:01The main address will be wrapped in the main address of the main address with the main address address.
04:07So if I want to use this, it will be wrapped in the main address address.
04:14But the main address address will be used.
04:19And the main address will be used.
04:25So, if you have a user info, then you can add a file.
04:47One is the one is theファイル
04:50ોરીલલી �ફય આમી વા બત્રરા પેણી આમી થાકૂદ્સે
04:55આમી એકેણ્ર હીકે આમી થા હેણ રોલાસે
05:00we are going to talk about the main page.
05:08We are going to add a text in the text, then the text is called the text.
05:24.
05:29.
05:34.
05:39.
05:44.
05:45.
05:47.
05:52.
05:58.
06:02.
06:04.
06:07.
06:12.
06:14.
06:15.
06:20.
06:21.
06:22resubdious
06:43Return
06:46return
06:47ંરતે બારઈ મીતે ફેહર આદર્યુતે આમ્રા હં એલે૪ણ્ડે સેવતે સેવર સેવ હરથણ્ય સેવતે સેહર સેલ�
07:17so value to a key value to a
07:20a
07:21a
07:23a
07:25a
07:27a
07:28a
07:30a
07:31a
07:33a
07:37a
07:39a
07:41a
07:43a
07:45a
07:46.com.
07:51.com.
07:56.com.
08:01.com.
08:06.com.
08:11reactor use use koregu and eekhan theke
08:13or context ake aamra use koregu
08:15or context ake aamra use koregu
08:17context ake aamra
08:19context ake aamra
08:21eekhan theke aamra jodhi
08:23eekhan theke aamra console
08:25lock koreader aare dekhi user
08:27input aare dekhi
08:29set kore laam eekhan
08:31browser aare jai
08:33browser aasar kore aamra eekhan ae jodhi
08:35reload jodhi
08:37prop is required for the
08:39context provider
08:41aamra
08:43the
08:45aamra
08:47update
08:49ok
08:51aamra
08:53o
08:55aamra
08:57aamra
08:59aamra
09:03aamra
09:05aamra
09:07foreign
09:21foreign
09:37context provider 9 so I'm going to write context provider provider
09:48context provider
09:52of context
09:54of context
09:56of context
09:58of context
10:00of provider
10:02of provider
10:04of order
10:07of context
10:08of context
10:09you can take this
10:11context
10:13of
10:14context
10:16for
10:17so
10:19so
10:21so
10:23provider
10:25provider
10:27provider
10:29provider
10:31control
10:33browser
10:35email
10:37address
10:39provider
10:41c
10:43c
10:45c
10:47c
10:49c
10:51c
10:53c
10:55c
10:57c
10:59c
11:01c
11:03c
11:05c
11:07c
11:09c
11:11c
11:13c
11:15c
11:17c
11:19c
11:21c
11:23c
11:25c
11:27c
11:29c
11:31c
11:33c
11:35c
11:37c
11:39c
11:41c
11:43c
11:45c
11:47c
11:49c
11:51c
11:53c
11:55c
11:57c
11:59c
12:01c
12:03c
12:05c
12:07c
12:09c
12:11c
12:13c
12:15c
12:17c
12:19c
12:21c
12:23c
12:25c
12:27c
12:29c
12:31c
12:33c
12:35c
12:37c
12:39c
12:41c
12:43c
12:45c
12:47c
12:49c
13:01c
13:03c
13:05c
13:07c
13:09c
13:29c
13:31c
13:33c
13:35c
13:37c
13:39c
13:41c
13:43c
13:47c
13:49c
13:51c
13:53c
13:55c
13:57c
13:59c
14:01c
14:03c
14:05c
14:07c
14:09c
14:11c
14:13c
14:15c
14:17c
14:19c
14:21c
14:23c
14:25c
14:27c
14:29c
14:31c
14:33c
14:35c
14:37c
14:39c
14:41c
14:43c
14:45c
14:47c
14:49c
14:51c
14:53c
14:55c
14:57c
14:59c
15:01c
15:03c
15:05c
15:07c
15:09c
15:11c
15:13c
15:15c
15:17c
15:19c
15:21c
15:23c
15:25c
15:27c
15:29c
15:31c
15:33c
15:35c
15:37c
15:39c
15:41c
15:43c
15:45c
15:47c
15:49c
15:51c
15:53c
15:55c
15:57c
15:59c
16:01c
16:03c
16:05c
16:07c
16:09c
16:11c
16:13c
16:15c
16:17c
16:19c
16:21c
16:23c
16:25c
16:27c
16:29c
16:31c
16:33c
16:35c
16:37c
16:39c
16:41c
16:43c
16:45c
16:47c
16:49c
16:51c
16:53c
Be the first to comment
Add your comment

Recommended