Skip to content

Commit 3204be5

Browse files
committed
Minor updates following build
1 parent cdb59ba commit 3204be5

File tree

5 files changed

+21
-21
lines changed

5 files changed

+21
-21
lines changed

articles/active-directory/external-identities/customers/how-to-single-page-application-react-prepare-app.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Prepare a React Single Page App (SPA) for authentication
2+
title: Prepare a React single-page app (SPA) for authentication
33
description: Learn how to prepare a React single-page app (SPA) for authentication and authorization with your Azure Active Directory (AD) for customers tenant.
44
services: active-directory
55
author: godonnell
@@ -14,9 +14,9 @@ ms.custom: it-pro
1414

1515
#Customer intent: As a dev, devops, or IT admin, enable authentication in my own React
1616
---
17-
# Prepare a React Single-page application for authentication
17+
# Prepare a React single-page app (SPA) for authentication
1818

19-
After registration is complete, a React project can be created using an integrated development environment (IDE). This tutorial demonstrates how to create a React Single-page application using npm and create files needed for authentication and authorization.
19+
After registration is complete, a React project can be created using an integrated development environment (IDE). This tutorial demonstrates how to create a React single-page app using npm and create files needed for authentication and authorization.
2020

2121
In this article, you learn how to:
2222

@@ -27,7 +27,7 @@ In this article, you learn how to:
2727
> * Add authentication code to the application
2828
2929
## Prerequisites
30-
* Completion of the prerequisites and steps in [Prepare your customer tenant for building a React Single Page App (SPA)](./how-to-single-page-application-react-prepare-tenant.md))
30+
* Completion of the prerequisites and steps in [Prepare your customer tenant for building a React single-page app (SPA)](./how-to-single-page-application-react-prepare-tenant.md))
3131
* Although any IDE that supports React applications can be used, Visual Studio Code is used for this guide. This can be downloaded from the [Downloads](https://visualstudio.microsoft.com/downloads/) page.
3232
* [Node.js](https://nodejs.org/en/download/)
3333

@@ -146,4 +146,4 @@ All parts of the app that require authentication must be wrapped in the [`MsalPr
146146
## Next steps
147147
148148
> [!div class="nextstepaction"]
149-
> [Add Sign-in and Sign-out functionality to your app.](./how-to-single-page-application-react-sign-in-out.md)
149+
> [Add sign-in and sign-out functionality to your app.](./how-to-single-page-application-react-sign-in-out.md)

articles/active-directory/external-identities/customers/how-to-single-page-application-react-prepare-tenant.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Prepare your tenant to use a React single-page app for authentication.
2+
title: Prepare your tenant to use a React single-page app (SPA) for authentication.
33
description: Learn how to configure your Azure Active Directory (AD) for customers tenant for authentication with a React single-page app (SPA).
44
services: active-directory
55
author: godonnell
@@ -12,18 +12,18 @@ ms.date: 05/23/2023
1212
ms.author: godonnell
1313
ms.custom: it-pro
1414

15-
#Customer intent: As a dev I want to prepare my customer tenant for building a Single Page App with React
15+
#Customer intent: As a dev I want to prepare my customer tenant for building a single-page app (SPA) with React
1616
---
17-
# Prepare your customer tenant for building a Single Page App (SPA)
17+
# Prepare your customer tenant for building a single-page app (SPA)
1818

19-
Before your applications can interact with Microsoft Identity Platform they must be registered in a customer tenant that you manage and must be associated with a user flow.
19+
Before your applications can interact with Microsoft identity platform they must be registered in a customer tenant that you manage and must be associated with a user flow.
2020

2121
In this article, you learn how to:
2222

2323
> [!div class="checklist"]
24-
> * Register your application and record identifiers.
25-
> * Create a user flow to allow sign-up and sign-in.
26-
> * Associate the user flow with your application.
24+
> * Register your application and record identifiers
25+
> * Create a user flow to allow sign-up and sign-in
26+
> * Associate the user flow with your application
2727
2828
## Prerequisites
2929

@@ -54,4 +54,4 @@ If you haven't already created your own customer tenant, [create one now](https:
5454
## Next steps
5555

5656
> [!div class="nextstepaction"]
57-
> [Start building your React Single Page Application](./how-to-single-page-application-react-prepare-app.md)
57+
> [Start building your React single-page app](./how-to-single-page-application-react-prepare-app.md)

articles/active-directory/external-identities/customers/how-to-single-page-application-react-sample.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: Sign in users in a sample React single-page application
3-
description: Learn how to configure a sample React SPA to sign in and sign out users.
3+
description: Learn how to configure a sample React single-page app (SPA) to sign in and sign out users.
44
services: active-directory
55
author: garrodonnell
66
manager: celestedg
@@ -12,10 +12,10 @@ ms.topic: how-to
1212
ms.date: 05/23/2023
1313
ms.custom: developer
1414

15-
#Customer intent: As a dev, devops, I want to learn about how to configure a sample React Single Page Application to sign in and sign out users with my Azure Active Directory (Azure AD) for customers tenant
15+
#Customer intent: As a dev, devops, I want to learn about how to configure a sample React single-page app to sign in and sign out users with my Azure Active Directory (Azure AD) for customers tenant
1616
---
1717

18-
# Sign in users in a sample React single-page application
18+
# Sign in users in a sample React single-page app (SPA)
1919

2020
This how-to guide uses a sample React single-page application (SPA) to demonstrate how to add authentication to a SPA. This SPA enables users to sign in and sign out by using you Azure Active Directory (Azure AD) for customers tenant. The sample uses the [Microsoft Authentication Library for JavaScript (MSAL.js)](https://github.com/AzureAD/microsoft-authentication-library-for-js) to handle authentication.
2121

articles/active-directory/external-identities/customers/how-to-single-page-application-react-sign-in-out.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ ms.date: 05/23/2023
1212
ms.author: godonnell
1313
ms.custom: it-pro
1414

15-
#Customer intent: As a developer I want to add sign-in and sign-out functionality to my React Single Page App
15+
#Customer intent: As a developer I want to add sign-in and sign-out functionality to my React single-page app
1616
---
1717

1818
# Create components for sign in and sign out in a React single page app
@@ -30,7 +30,7 @@ In this tutorial:
3030
3131
## Prerequisites
3232

33-
* Completion of the prerequisites and steps in [Prepare an Single Page Application for authentication](how-to-single-page-application-react-prepare-app.md).
33+
* Completion of the prerequisites and steps in [Prepare an single-page app for authentication](how-to-single-page-application-react-prepare-app.md).
3434

3535

3636
## Adding components to the application
@@ -277,7 +277,7 @@ All the required code snippets have been added, so the application can now be ca
277277
npm start
278278
```
279279
280-
1. Open a web browser and navigate to the port specified in [Prepare a Single-page application for authentication](./how-to-single-page-application-react-prepare-app.md). For example, http://localhost:3000/.
280+
1. Open a web browser and navigate to the port specified in [Prepare a single-page application for authentication](./how-to-single-page-application-react-prepare-app.md). For example, http://localhost:3000/.
281281
1. For the purposes of this how-to, choose the **Sign in using Popup** option.
282282
1. After the popup window appears with the sign-in options, select the account with which to sign-in.
283283
1. A second window may appear indicating that a code will be sent to your email address. If this happens, select **Send code**. Open the email from the sender Microsoft account team, and enter the 7-digit single-use code. Once entered, select **Sign in**.

articles/active-directory/external-identities/customers/toc.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -111,7 +111,7 @@ items:
111111
- name: Prepare app
112112
href: how-to-single-page-application-react-prepare-app.md
113113
- name: Sign in and sign out
114-
href: how-to-single-page-application-react-prepare-app.md
114+
href: how-to-single-page-application-react-sign-in-out.md
115115
- name: Web app
116116
items:
117117
- name: Node/Express.js
@@ -266,7 +266,7 @@ items:
266266
href: microsoft-graph-operations-user-flow.md
267267
- name: Company branding operations
268268
href: microsoft-graph-operations-branding.md
269-
- name: Customer extensions
269+
- name: Custom extensions
270270
href: microsoft-graph-operations-custom-extensions.md
271271
- name: Tenant management operations
272272
href: azure-rest-api-operations-tenant-management.md

0 commit comments

Comments
 (0)