Skip to content

Commit 21b5fab

Browse files
committed
Update instructions for ASP.NET Core with React
1 parent 69a2283 commit 21b5fab

File tree

1 file changed

+5
-6
lines changed

1 file changed

+5
-6
lines changed

docs/javascript/tutorial-asp-net-core-with-react.md

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: "Create an ASP.NET Core app with React"
33
description: Create an ASP.NET Core project to serve as an API backend and a React project to provide the user interface in Visual Studio.
4-
ms.date: 11/06/2024
4+
ms.date: 04/09/2025
55
ms.topic: tutorial
66
ms.devlang: javascript
77
author: mikejo5000
@@ -32,7 +32,7 @@ You can use the method described in this article to create ASP.NET Core Single P
3232
If you need to install the workload and already have Visual Studio, go to **Tools** > **Get Tools and Features...**, which opens the Visual Studio Installer. Choose the **ASP.NET and web development** workload, then choose **Modify**.
3333
- npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
3434

35-
## Create the frontend app
35+
## Create the app
3636

3737
1. In the Start window, select **Create a new project**. <!-- Avoid parenthetical clauses. https://review.learn.microsoft.com/en-us/help/contribute/localization-mt-guidance?branch=main-->
3838

@@ -55,8 +55,7 @@ You can use the method described in this article to create ASP.NET Core Single P
5555
Compared to the [standalone React template](../javascript/tutorial-create-react-app.md), you see some new and modified files for integration with ASP.NET Core:
5656

5757
- vite.config.js
58-
- App.js (modified)
59-
- App.test.js (modified)
58+
- App.jsx (modified)
6059

6160
1. Select an installed browser from the Debug toolbar, such as Chrome or Microsoft Edge.
6261

@@ -87,13 +86,13 @@ Press **F5** or select the **Start** button at the top of the window to start th
8786
- The Vite CLI showing a message such as `VITE v4.4.9 ready in 780 ms`
8887

8988
>[!NOTE]
90-
> Check console output for messages. For example there might be a message to update Node.js.
89+
> Check console output for messages. For example, there might be a message to update Node.js.
9190
9291
The React app appears and is populated via the API (the localhost port may vary from the screenshot).
9392

9493
:::image type="content" source="media/vs-2022/asp-net-core-weather-forecast-app.png" alt-text="Screenshot showing the weather forecast app.":::
9594

96-
If you don't see the app, see [Troubleshooting](#troubleshooting).
95+
If you don't see the weather forecast data in the browser, see [Troubleshooting](#troubleshooting).
9796

9897
## Publish the project
9998

0 commit comments

Comments
 (0)