How to Add the Report Viewer to a React Boilerplate Typescript App | Bold Reports®

In this video, you'll learn how to integrate Bold Reports®' Report Viewer into your React TypeScript app. It covers setting up the app, installing the necessary npm packages, adding the Report Viewer component, and displaying an interactive report with advanced features.

Bookmark Details
------------------------
[00:00] Introduction
[01:04] Download the React boilerplate typescript app
[01:50] Install the necessary npm packages
[02:12] Import jQuery objects
[02:58] Import the Report Viewer scripts and styles
[04:18] Add the Report Viewer component to the application
[04:39] Initialize the Web API service in the application
[05:07] Run the application

Getting started documentation:
https://help.boldreports.com/embedded-reporting/react-reporting/report-viewer/add-web-report-viewer-to-a-react-boilerplate-typescript-application/

Bold Reports® with React boilerplate typescript application link:
https://github.com/boldreports/react-boilerplate-typescript.git

Sample sales order details RDL file:
https://raw.githubusercontent.com/boldreports/resources/master/video-tutorial/Reports/sales-order-detail.rdl

Create an ASP.NET Core Web API reporting service:
Documentation: https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/report-service/create-aspnet-core-web-api-service/
Video link: https://www.youtube.com/watch?v=LBHg7w22OVE

Embedded Reporting Tools
---------------------------
React Report Viewer overview: https://www.boldreports.com/embedded-reporting/react-report-viewer
React Report Designer overview: https://www.boldreports.com/embedded-reporting/react-report-designer
Online demos: https://demos.boldreports.com/
Documentation: https://help.boldreports.com/
Request a demo: https://www.boldreports.com/schedule-free-demo/
Contact support: https://support.boldreports.com/support/tickets/create

SUBSCRIBE
---------------
Bold Reports® on YouTube: https://syncf.co/boldreportsyoutube
Sign up to receive email updates: https://www.boldreports.com/account/email-preference

SOCIAL COMMUNITIES
----------------------------
Facebook: https://www.facebook.com/boldreportsofficial/
X: https://x.com/boldreportsoffl
LinkedIn: https://www.linkedin.com/showcase/boldreportsofficial/
Instagram: https://www.instagram.com/boldreportsofficial/

#boldreports #rdl #report #reporting #viewer #react #typescript

Видео How to Add the Report Viewer to a React Boilerplate Typescript App | Bold Reports® канала Bold Reports