context/AuthContext¶
Provides global authentication and user data management across the React app.
Core Responsibilities:¶
Authentication lifecycle:
login, logout, register
verify user sessions with backend
resend verification codes
User state management:
Tracks current logged-in user (
user
)Maintains user's conversations (
conversations
)Maintains messages in active conversation (
userMessages
)
Conversation + Message features:
Create and rename conversations
Fetch user conversations
Create new messages
Fetch user messages
Submit feedback on messages
Context Hook:
useAuth()
to access user state and actions
Integration:¶
Wrap your app in the AuthProvider
so child components can
consume authentication context via useAuth()
.
Remarks¶
Provides global authentication and user data management across the React app.
Example¶
<AuthProvider>
<App />
</AuthProvider>
const { user, loginUser, logoutUser } = useAuth();