You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: Learn how to run a sample React SPA to sign in users
4
+
services: active-directory
5
+
author: kengaderdus
6
+
manager: mwongerapk
7
+
ms.author: kengaderdus
8
+
ms.service: active-directory
9
+
ms.workload: identity
10
+
ROBOTS: NOINDEX
11
+
ms.subservice: ciam
12
+
ms.topic: portal
13
+
ms.date: 04/12/2023
14
+
---
15
+
16
+
# Portal quickstart for React SPA
17
+
18
+
> [!div renderon="portal" class="sxs-lookup"]
19
+
> In this quickstart, you download and run a code sample that demonstrates how a React single-page application (SPA) can sign in users with Azure AD CIAM.
20
+
>
21
+
> ## Prerequisites
22
+
>
23
+
> * Azure subscription - [Create an Azure subscription for free](https://azure.microsoft.com/free/?WT.mc_id=A261C142F)
24
+
> *[Node.js](https://nodejs.org/en/download/)
25
+
> *[Visual Studio Code](https://code.visualstudio.com/download) or another code editor
26
+
>
27
+
> ## Download the code
28
+
>
29
+
> > [!div class="nextstepaction"]
30
+
> > [Download the code sample](https://github.com/Azure-Samples/ms-identity-ciam-javascript-tutorial/archive/react-quickstart.zip)
31
+
>
32
+
> ## Run the sample
33
+
>
34
+
> 1. Unzip the downloaded file.
35
+
>
36
+
> 1. Locate the folder that contains the `package.json` file in your terminal, then run the following command:
37
+
>
38
+
> ```console
39
+
> npm install && npm start
40
+
> ```
41
+
>
42
+
> 1. Open your browser and visit `http://locahost:3000`.
43
+
>
44
+
> 1. Select the **Sign-in** link on the navigation bar.
0 commit comments