How to Add the Report Viewer to your Typescript React App | Bold Reports
In this video, learn how to seamlessly add the Report Viewer control to your TypeScript React app using Bold Reports. We'll guide you through each step, from installing the necessary packages to configuring and customizing the Report Viewer to display interactive reports directly within your application. This tutorial provides everything you need to get started.
Bookmark Details
------------------------
[00:00] Introduction
[01:22] Create a new React Typescript application.
[01:37] Install the necessary classes and packages.
[02:05] Import jQuery objects
[03:01] Import the Bold Report Viewer scripts and styles.
[04:08] Initialize the Web API service to the application.
[04:43] Run the application.
Getting Started documentation:
https://help.boldreports.com/report-v...
Sample sales order details RDL file:
https://raw.githubusercontent.com/bol...
Create ASP.NET Core Web API Reporting Service:
Documentation: https://help.boldreports.com/embedded...
Video Link: • How to Create an ASP.NET Core Web API Repo...
Embedded Reporting Tools
---------------------------
React Report Viewer Overview: https://www.boldreports.com/embedded-...
React Report Designer Overview: https://www.boldreports.com/embedded-...
Online Demos: https://demos.boldreports.com/
Documentation: https://help.boldreports.com/
Request a demo: https://www.boldreports.com/schedule-...
Contact support: https://support.boldreports.com/suppo...
SUBSCRIBE
---------------
Bold Reports on YouTube: https://syncf.co/boldreportsyoutube
Sign up to receive email updates: https://www.boldreports.com/account/e...
SOCIAL COMMUNITIES
----------------------------
Facebook: / boldreportsofficial
X: https://x.com/boldreportsoffl
LinkedIn: / boldreportsofficial
Instagram: / boldreportsofficial
#boldreports #reportingtool #reporting #report #rdl #react #typescript