Stimulsoft Reports
Reporting tool for React
Cross-platform reporting toolkit designed for use with the React library. Our solution is compatible with React 16.8 and higher, including the latest React version, and provides everything you need to create, edit, view, and export reports. The server-side of the product leverages ASP.NET MVC and .NET.Advanced Reporting
Professional reports of any complexity - fast, intuitive, and with an instant preview of the results.Loading...
How to install
Quick start in just a couple of minutes and only a few lines of code. Download the packages from NuGet or npm and easily integrate a React report generator into your application. Create, view, and export interactive reports using a powerful report designer and data visualization components. bash
npm install stimulsoft-viewer-react
dotnet add package Stimulsoft.Reports.ReactHow to view
View ready-made reports directly in your application. The built-in React Report Viewer provides fast and convenient report display within your web application. Use interactive navigation, search, zoom, and export features for a seamless reporting experience. App.tsx
import React from 'react';
import { StimulsoftViewer } from 'stimulsoft-viewer-react';
export const App: React.FC = () => {
return (
<StimulsoftViewer
requestUrl="/Viewer/{action}"
action="InitViewer"
height="100vh"
/>
)
}How to export
Export reports to PDF, Excel, Word, HTML, CSV, XML, JSON, RTF, OpenDocument, text files, and image formats including PNG, JPEG, BMP, TIFF, and SVG. Use React reporting components to create, view, and export professional reports for any business application. App.tsx
import React, { useRef } from 'react';
import { StimulsoftViewer, StimulsoftViewerHandle }
from 'stimulsoft-viewer-react';
export const App: React.FC = () => {
const viewerRef = useRef<StimulsoftViewerHandle>(null);
return (
<div>
<input
type="button"
onClick={() => { if (viewerRef.current)
viewerRef.current.export('Pdf',
{ ImageResolution: 200 }); }}
value="Export to PDF"
/>
</div>
);
};
Viewer Controller - ASP.NET backend
The server-side of React reporting tool is built on ASP.NET and runs on Windows, macOS, and Linux. Full report engine functionality, loading of .mrt templates, rendering, and export are performed on the server. Supports .NET 6, .NET 8, .NET 10, and higher versions. ViewerController.cs
using Microsoft.AspNetCore.Mvc;
using Stimulsoft.Report;
using Stimulsoft.Report.React;
namespace Integrating_the_Report_Viewer_into_an_Application.Controllers
{
[Controller]
public class ViewerController : Controller
{
static ViewerController()
{
// How to Activate
//Stimulsoft.Base.StiLicense.Key = "6vJhGtLLLz2GNviWmUTrhSqnO...";
//Stimulsoft.Base.StiLicense.LoadFromFile("license.key");
//Stimulsoft.Base.StiLicense.LoadFromStream(stream);
}
[HttpPost]
public IActionResult InitViewer()
{
var requestParams = StiReactViewer.GetRequestParams(this);
var options = new StiReactViewerOptions();
options.Actions.GetReport = "GetReport";
options.Actions.ViewerEvent = "ViewerEvent";
options.Toolbar.ShowPinToolbarButton = false;
options.Appearance.ScrollbarsMode = true;
return StiReactViewer.ViewerDataResult(requestParams, options);
}
[HttpPost]
public IActionResult GetReport()
{
var report = StiReport.CreateNewReport();
var path = StiReactHelper.MapPath(this, $"Reports/MasterDetail.mrt");
report.Load(path);
return StiReactViewer.GetReportResult(this, report);
}
[HttpPost]
public IActionResult ViewerEvent()
{
return StiReactViewer.ViewerEventResult(this);
}
}
}
Your main tool – the Designer for reports, dashboards, and forms
The Stimulsoft Designer is the central tool of the ecosystem for creating professional reports, dashboards, PDF forms, and data visualizations with no unnecessary complexity. Everything you need — data connection, calculations, groupings, visual styling — is all in one workspace.The interface is available in 40 languages, runs on any operating system and in the browser, making report development convenient across all platforms. Quick-start wizards and ready-to-use templates help you go from idea to final document instantly, accelerating the creation of interactive reports for any business task.
Stimulsoft
Reports.WEB
Stimulsoft Reports for React is a part of the Stimulsoft Reports.WEB product, a cross-platform set of tools for report creation using ASP.NET, ASP.NET MVC, Angular, Blazor, React, and Vue.js technologies. It includes a powerful and rapid report engine using a universal .NET platform, a simple and convenient HTML5 report designer, and an interactive and fast HTML5 report viewer.What's next?
We have prepared hundreds of reports and dashboards templates grouped by spheres of use. You can immediately use them by connecting your data or change according to your requirements. Our lessons and technical documentation will help make your work effective! Moreover, you can request the training courses from our technical specialists, subscribe to our YouTube channel to always get new videos, and receive all your answers in our online documentation.
Training courses
Are you faced with difficulties when creating reports and dashboards? This is not a problem!
Video lessons
We have prepared many video materials for the designing reports and dashboards. All tutorials are grouped by specific topics and regularly updated and supplemented.
Documentation
Our online user guides describe both the general functionality of the product and provide advice and suggestions for the report design and hints of setting components for reporting.