auth0-react

SKILL.md

Authentication for React SPAs using Auth0 Universal Login with redirect-based flows.

Supports React 16–19 with Vite or Create React App; wraps your app with Auth0Provider and exposes hooks like useAuth0(), loginWithRedirect(), and logout()

Handles user sessions, access tokens, and profile data automatically; SDK manages secure token storage without manual localStorage handling

Includes protected routes, API token injection, and error handling patterns documented in the integration guide

Not suitable for Next.js, React Native, server-side rendering, or embedded login flows; use framework-specific skills instead

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-quickstart skill first

When NOT to Use

Next.js applications - Use auth0-nextjs skill for both App Router and Pages Router

React Native mobile apps - Use auth0-react-native skill 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