React Query and Auth - Who is Responsible for What?

Explore the intersection of React Query and authentication in this conference talk from React Advanced London. Delve into the responsibilities and overlaps between React Query's server state management and authentication processes. Learn how to effectively separate concerns and implement a robust data flow using custom hooks for both authentication and React Query. Discover strategies for managing authentication status and user profile updates while maintaining a clear separation of responsibilities. Gain insights into centralizing user data management, handling mutations, and optimizing startup processes. Examine the implementation of useUser hook and its role in streamlining data updates. Investigate the current landscape of React Query Auth and React Query Firebase, and understand their evolving positions in the React ecosystem.

Intro
Introductory Notes
Table of Contents
What is React Query?
Keeping Data in Sync with Server
More React Query Concepts
Context for This Talk
Authentication
User data has lots of owners
Reason 1: Mutations
Reason 2: Startup
Centralize with useUser Hook
useUser hook return values
All updates go through useUser
React Query Auth
React Query Firebase
Both still finding traction
Main Players