Shaddix / reporting-eud-designer-in-javascript-with-react

This example demonstrates how to use the Report Designer in JavaScript with React Library and npm package manager

How to Use the Report Designer in JavaScript with React Library and Npm Package Manager

This example consists of two parts: 

• A server (back-end) ASP.NET MVC project that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements a custom web report storage.

• A React JavaScript Library front-end client application.

Perform the following steps to run this example:

1. Open the back-end project solution (CS\ServerSide.sln) in Visual Studio and run the project.

2. Navigate to the JS\react-report-designer folder that is the client part's root folder.

3. Open the console and run the following command:

   npm install

4. Run the command to compile and start the client part:

   npm start

5. The client application opens the browser at http://localhost:3000/. It displays the Report Designer with the Products report.

For a step-by-step tutorial, refer to the Report Designer Integration in React topic.

See also:

• How to Use the Document Viewer in JavaScript with React Library and Npm Package Manager.