Add Report Viewer Control to a React Application

Learn how to add the Report Viewer control to a React application. This video explains how to create a simple React application and how to add the Report Viewer component to it.

The Report Viewer is a reporting control that empowers web and desktop applications with the ability to view SSRS RDL and RDLC reports, and also export them.

Bookmark Details
----------------------------------
[00:00] Introduction
[00:45] Install Create React App package
[01:06] Create a new React application
[01:29] Install Create React Class package
[01:51] Install Bold Reports React Package
[02:05] Add script reference
[02:36] Add Report Viewer control
[04:13] Add report path and report service URL
[05:25] Run the React application

Getting started documentation:

ASP.NET web API service tutorial:

Documentation:

ASP.NET Core web API service tutorial:

Documentation:

Embedded Reporting Tools
---------------------------

SUBSCRIBE
---------------

SOCIAL COMMUNITIES
----------------------------

#ssrs #reports #rdl #boldreports #syncfusion #reportviewer #react #reactreportviewer

[syedrizvi]

Hi,
I have installed the bold report and already using the syncfusion component in my project.
My question is that can I use the java build API or PHP API in the service URL?

[neilsukalikar]

'BoldReportViewerComponent' is not defined react/jsx-no-undef
getting the error

[mohsinalisoomro]

Joke of the century, I am getting alot errors even after following your step.