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
Copy file name to clipboardExpand all lines: docs/javascript/tutorial-asp-net-core-with-react.md
+5-6Lines changed: 5 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
title: "Create an ASP.NET Core app with React"
3
3
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
5
5
ms.topic: tutorial
6
6
ms.devlang: javascript
7
7
author: mikejo5000
@@ -32,7 +32,7 @@ You can use the method described in this article to create ASP.NET Core Single P
32
32
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**.
33
33
- npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
34
34
35
-
## Create the frontend app
35
+
## Create the app
36
36
37
37
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-->
38
38
@@ -55,8 +55,7 @@ You can use the method described in this article to create ASP.NET Core Single P
55
55
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:
56
56
57
57
- vite.config.js
58
-
- App.js (modified)
59
-
- App.test.js (modified)
58
+
- App.jsx (modified)
60
59
61
60
1. Select an installed browser from the Debug toolbar, such as Chrome or Microsoft Edge.
62
61
@@ -87,13 +86,13 @@ Press **F5** or select the **Start** button at the top of the window to start th
87
86
- The Vite CLI showing a message such as `VITE v4.4.9 ready in 780 ms`
88
87
89
88
>[!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.
91
90
92
91
The React app appears and is populated via the API (the localhost port may vary from the screenshot).
93
92
94
93
:::image type="content" source="media/vs-2022/asp-net-core-weather-forecast-app.png" alt-text="Screenshot showing the weather forecast app.":::
95
94
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).
0 commit comments