Merge pull request #239280 from garrodonnell/react-spa-updates

[CIAM] Removing checklist items from React SPA instructions

Author: prmerger-automator[bot]

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

@@ -13,15 +13,7 @@ ms.author: godonnell
 #Customer intent: As a dev, devops, or IT admin, I want to learn how to enable authentication in my own React single-page app
 ---
 # Prepare a React single-page app (SPA) for authentication
-After registration is complete, you can create a React project 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.
-
-In this article, you learn how to:
-
-> [!div class="checklist"]
-> * Create a new React project
-> * Configure the settings for the application
-> * Install identity and bootstrap packages
-> * Add authentication code to the application
+After registration is complete, you can create a React project using an integrated development environment (IDE). This guide demonstrates how to create a React single-page app using npm and create files needed for authentication and authorization.
 
 ## Prerequisites
 * 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))

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

@@ -17,12 +17,7 @@ ms.author: godonnell
 
 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.
 
-In this article, you learn how to:
-
-> [!div class="checklist"]
-> * Register your application and record identifiers
-> * Create a user flow to allow sign-up and sign-in
-> * Associate the user flow with your application
+In this article, you learn how to register your application and record identifies, create a user flow and associate that user flow with your application.
 
 ## Prerequisites
 

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

@@ -15,7 +15,7 @@ ms.date: 05/23/2023
 
 # Sign in users in a sample React single-page app (SPA) 
 
-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.
+This 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.
 
 ## Prerequisites
 * Although any IDE that supports React applications can be used, **Visual Studio Code** is used for this guide. It can be downloaded from the [Downloads](https://visualstudio.microsoft.com/downloads) page.
@@ -77,7 +77,6 @@ If you choose to download the `.zip` file, extract the sample app file to a fold
 1. Save the file.
 
 ## Run your project and sign in
-
 All the required code snippets have been added, so the application can now be called and tested in a web browser.
 
 1. Open a new terminal by selecting **Terminal** > **New Terminal**.

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

@@ -18,14 +18,7 @@ ms.custom: it-pro
 # Add sign-in to a React single-page app (SPA)
 Functional components are the building blocks of React apps. This tutorial demonstrates how functional components can be used to build the sign in and sign out experience in a React single-page app (SPA). The `useMsal` hook is used to retrieve an access token to allow user sign in.
 
-In this tutorial:
-
-> [!div class="checklist"]
->
-> - Add components to the application
-> - Create a way of displaying the user's profile information
-> - Create a layout that displays the sign in and sign out experience
-> - Add the sign in and sign out experiences
+In this article you will add components to the application and create a layout that displays the sign in and sign out experience. You will also add sign in and sign out experiences.
 
 ## Prerequisites