Add user authentication to your React app

Get started with React + Okta

These resources walk you through adding user authentication to your React app in minutes.

• Sign users in quickstart
• Sample app

Integrate with Okta using the Okta-hosted Sign-In Widget

These SDKs help you integrate with Okta by redirecting to the Okta Sign-In Widget using OpenID Connect (OIDC) client libraries.

• okta-react on npm (opens new window)
• React SDK Source (opens new window)
• React redirect authentication sample app (opens new window): See Okta-Hosted Login (opens new window) for a redirect configuration.

Recommended guides

Okta-hosted Sign-In Widget guide:

Sign users in to your SPA using the redirect model

Embedded SDK and Sign-In Widget sign-in guide:

• Sign into your SPA with Auth JS
• Sign into your SPA with the embedded Okta Sign-In Widget

Other guides:

• Implementing the PKCE flow
• Add an identity provider (includes social login)
• Validate access tokens
• Validate ID tokens

Note: Browse our recent React Developer Blog posts (opens new window) for further useful topics.