How to Use the Document Viewer 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-document-viewer 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 Document Viewer with the Products report.

   

For a step-by-step tutorial, refer to the Document Viewer Integration in React topic.

See also:

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