React Quick-start

What you will learn

• Create new React app using Vite
• Install @asgardeo/auth-react package
• Add user login and logout
• Display user profile information

Prerequisites

Before you start, ensure you have the following:

• Set-up Indryve Endorse
• Install Node.js on your system.
• Make sure you have a JavaScript package manager like npm, yarn, or pnpm.
• A favorite text editor or IDE

Example Source Code

React Vite App Sample

Configure an Application in Indryve Endorse

• Sign into Indryve Endorse console and navigate to Applications > New Application.
• Select Single Page Application and complete the wizard popup by providing a suitable name and an authorized redirect URL
• Name – IS-React
• Authorized redirect URL – http://localhost:5173

Info

The authorized redirect URL determines where WSO2 Identity Server should send users after they successfully log in. Typically, this will be the web address where your app is hosted. For this guide, we’ll usehttp://localhost:5173, as the sample app will be accessible at this URL.