Use DevExpress Visual Studio Templates to Create a React Reporting App with a Report Designer

• Jan 21, 2025
• 3 minutes to read

Use the DevExpress Template Gallery to generate a starter full-stack application with a React frontend and ASP.NET Core backend.

This topic creates a Reporting application that contains the following projects:

• An ASP.NET Core project that works as an API backend
• A React project that works as a frontend (includes a Report Designer)

Note

We implemented a new dotnet CLI-powered Project Wizard you can use across multiple IDEs. The new wizard suggests additional templates: Cross-IDE Project Template Kit.

Create a New Project

1. In Visual Studio, create a new project. Select DevExpress v25.2 Web App Template Gallery as the project template:

2. Specify the project name and location. Click Create.

Configure the Template

1. In the Template Gallery, select .NET as the target framework.

2. Select Reporting React Application. Specify the .NET version and click Create Project.

3. In the DevExpress ASP.NET Core Project Wizard , activate the Add Designer Page option. This option adds a page with a Web Report Designer to the project.

4. Run the project to see the result:

Troubleshooting

The following article lists common issues that can occur in a Web Reporting application and describes solutions: Troubleshooting

For information on how to identify the cause of an issue, refer to the following topic: Reporting Application Diagnostics.

What’s Next

Report Designer Client-Side ConfigurationIntegrate the Web Report Designer into your React-based application.Enable Rich Text EditorEnable inline Rich Text Editor to allow users to edit rich-formatted text in the Web Report Designer.