Use when adding Auth0 login, logout, protected routes, or user sessions to a React SPA. Integrates @auth0/auth0-react — use even if the user says \"add login to my React app\" or \"protect my React routes\" without naming the SDK.
Auth0 React Integration
Add authentication to React single-page applications using @auth0/auth0-react.
Prerequisites
-
React 16.11+ application (Vite or Create React App) - supports React 16, 17, 18, and 19
-
Auth0 account and application configured
-
If you don't have Auth0 set up yet, use the
auth0-quickstartskill first
When NOT to Use
-
Next.js applications - Use
auth0-nextjsskill for both App Router and Pages Router -
React Native mobile apps - Use
auth0-react-nativeskill for iOS/Android -
Server-side rendered React - Use framework-specific SDK (Next.js, Remix, etc.)
-
Embedded login - This SDK uses Auth0 Universal Login (redirect-based)
-
Backend API authentication - Use express-openid-connect or JWT validation instead
