JSViewer React(Core)
This sample demonstrates the use of the ActiveReports JSViewer with a ReactJS app and the ASP.NET Core back end.
type=note
Note: To run this sample, you must have
Visual Studio 2022 (version 17.0 or later)
.NET Core Hosting Bundle (for deployment to IIS)
Node.js 16.x or 18.x
Sample Location
https://github.com/activereports/WebSamples19/tree/main/JSViewer_React_Core
Details
When you run the sample, the JSViewer opens in your browser. The viewer provides links to reports to demonstrate the ActiveReports JSViewer with a ReactJS app and the ASP.NET Core back end.
Clicking the report link in the left panel opens the report for preview. You can preview the following reports.
AcmeStore.rdlx
AnnualReport.rdlx
Invoice.rdlx
Invoice.rpx
InvoiceList.rdlx
Invoice_Colored.rpx
Project & ResourceAnalysis - Staff Performance Analysis.rdlx
Statistical analysis scatter plot.rdlx
User defined report columns.rdlx
The project consists of the following elements.
Controllers folder: This folder contains the HomeController that handles the user interaction and returns the main Index view.
ClientApp folder: This folder contains a standard Angular CLI app that is used for all UI concerns.
readme: This file contains the instructions on how to build and run the sample project.
Startup.cs: This is the default startup file.
wwwroot: Contains designer CSS and JavaScript files.