Use DevExpress Visual Studio Templates to Create a React Reporting App with a Document Viewer

• 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 Document Viewer)

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 Viewer Page option. This option adds a page with a Document Viewer 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

Document Viewer Client-Side ConfigurationIntegrate the Web Document Viewer into your React-based application.Customize the ToolbarCustomize the Toolbar in the Web Document Viewer.Customize the Tab PanelCustomize the Tab Panel in the Web Document Viewer.Customize Parameter EditorCustomize a standard parameter editor in the Web Document Viewer.