Missed DevDay24? Register for the Best of DevDay

Get Started with React: Security and Identity Management

Published on November 19, 2021

New to React and Auth0 by Okta?

React is a JavaScript library that developers can use to build interactive user interfaces. According to Snyk, React offers default cross-site scripting (XSS) with data binding. Snyk offers additional guidance on how developers can use React built-in features and defensive programming practices to harden their React applications. However, React doesn't provide application-level security, such as authentication and authorization.

You can integrate the Auth0 Identity Platform with React to implement user authentication quickly. Auth0 helps you deliver a balance between security, privacy, and convenience to your users. Auth0 handles billions of login transactions each month. That's only possible because Auth0 is committed to solving complex identity problems by empowering developers with tools that meet their unique security needs and requirements. Please allow us to show you how Auth0 makes identity and security work for you by exploring the React developer guides below.

Quickstarts

React Interactive Quickstart

This interactive guide demonstrates how to integrate Auth0, add authentication, and display user profile information in any React application using the Auth0 React SDK.

This document demonstrates how to add user login to a React application using Auth0.

React: Call an API

This document demonstrates how to make calls to an external API from a React application using Auth0.

SDK Libraries

Auth0 React SDK

Auth0 SDK for React Single Page Applications (SPA).

Code Samples

React Router 6 Code Sample:Basic Authentication

Code sample showing how to protect a simple React single-page application using React Router 6, Auth0, and JavaScript.

React Router 6/TypeScript Code Sample:Basic Authentication

Code sample showing how to protect a simple React single-page application using React Router 6, Auth0, and TypeScript.

React Code Sample:Basic Authentication

JavaScript code that implements user login, logout and sign-up features to secure a React Single-Page Application (SPA) using Auth0.

React/TypeScript Code Sample:Basic Authentication

Code sample of a simple React single-page application built TypeScript that implements authentication using Auth0.

Developer Guides

React Authentication By Example:Using React Router 6

Learn how to add authentication features to React v18 apps: add login, logout, and sign-up. Learn how to integrate Auth0 with React Router v6 to protect React pages using router guards and how to call protected APIs.

React Authentication By Example

Learn how to add authentication features to React v17 apps: add login, logout, and sign-up. Learn how to integrate Auth0 with React Router v5 to protect React pages using router guards and how to call protected APIs.

How to Deploy a React App Secured By Auth0 to Vercel

Learn how to deploy React applications secured with Auth0 to Vercel step by step.